diff --git a/src/components/CheckboxItem.scss b/src/components/CheckboxItem.scss
index 341c1561..ae051798 100644
--- a/src/components/CheckboxItem.scss
+++ b/src/components/CheckboxItem.scss
@@ -2,16 +2,20 @@
.excalidraw {
.Checkbox {
- margin: 3px 0.3em;
+ margin: 4px 0.3em;
display: flex;
align-items: center;
cursor: pointer;
user-select: none;
- &:hover:not(.is-checked) .Checkbox-box {
- box-shadow: 0 0 0 2px #{$oc-blue-4};
+ -webkit-tap-highlight-color: transparent;
+ &:hover:not(.is-checked) .Checkbox-box:not(:focus) {
+ box-shadow: 0 0 0 2px #{$oc-blue-4};
+ }
+
+ &:hover:not(.is-checked) .Checkbox-box:not(:focus) {
svg {
display: block;
opacity: 0.3;
diff --git a/src/components/ExportDialog.scss b/src/components/ExportDialog.scss
index fd847301..1eeaa59c 100644
--- a/src/components/ExportDialog.scss
+++ b/src/components/ExportDialog.scss
@@ -108,7 +108,7 @@
}
&:active {
background-color: var(--button-color-darkest);
- box-shadow: 0 3px 5px -1px rgb(0 0 0 / 20%), 0 6px 10px 0 rgb(0 0 0 / 14%);
+ box-shadow: none;
}
svg {
diff --git a/src/components/icons.tsx b/src/components/icons.tsx
index 2d99fd67..dfd81a93 100644
--- a/src/components/icons.tsx
+++ b/src/components/icons.tsx
@@ -90,14 +90,8 @@ export const exportFile = createIcon(
export const exportImage = createIcon(
<>
-
-
+
+
>,
{ width: 576, height: 512, mirror: true },
);
diff --git a/src/tests/__snapshots__/excalidrawPackage.test.tsx.snap b/src/tests/__snapshots__/excalidrawPackage.test.tsx.snap
index 4ec188cb..0dd76513 100644
--- a/src/tests/__snapshots__/excalidrawPackage.test.tsx.snap
+++ b/src/tests/__snapshots__/excalidrawPackage.test.tsx.snap
@@ -121,11 +121,9 @@ exports[` Test UIOptions prop Test canvasActions should not hide an
>
@@ -322,11 +320,9 @@ exports[` Test UIOptions prop should not hide any UI element when t
>