diff --git a/src/pages/settings/panes/Appearance.tsx b/src/pages/settings/panes/Appearance.tsx
index 48fa3634333221e1af42c0b72dfeb7923a7f3520..68bbdd524eb0cc6cbc6411334e365eda69413eaf 100644
--- a/src/pages/settings/panes/Appearance.tsx
+++ b/src/pages/settings/panes/Appearance.tsx
@@ -37,7 +37,8 @@ import mutantSVG from "../assets/mutant_emoji.svg";
 import notoSVG from "../assets/noto_emoji.svg";
 import openmojiSVG from "../assets/openmoji_emoji.svg";
 import twemojiSVG from "../assets/twemoji_emoji.svg";
-import { Reset, Import, Pencil } from "@styled-icons/boxicons-regular";
+import { Reset, Import } from "@styled-icons/boxicons-regular";
+import { Pencil } from "@styled-icons/boxicons-solid";
 import Tooltip from "../../../components/common/Tooltip";
 
 interface Props {
diff --git a/src/pages/settings/panes/Panes.module.scss b/src/pages/settings/panes/Panes.module.scss
index 8089c6bdd10408a110dc9e61486350013ba9ea54..1733f2d2f45430216a4aa1b7dde7c9867c9d86c3 100644
--- a/src/pages/settings/panes/Panes.module.scss
+++ b/src/pages/settings/panes/Panes.module.scss
@@ -304,7 +304,7 @@
             }
 
             .override {
-                gap: 16px;
+                gap: 8px;
                 display: flex;
 
                 .picker {