diff --git a/src/components/common/AutoComplete.tsx b/src/components/common/AutoComplete.tsx
index 50adce4e87cec2dd8754f8efd797830a6aafe81b..e384c4bcf7f298b9d9eb649266216878f419a7d9 100644
--- a/src/components/common/AutoComplete.tsx
+++ b/src/components/common/AutoComplete.tsx
@@ -330,8 +330,10 @@ const Base = styled.div`
         padding: 6px;
         border: none;
         display: flex;
+        font-size: 1em;
         cursor: pointer;
         border-radius: 6px;
+        align-items: center;
         flex-direction: row;
         background: transparent;
         color: var(--foreground);
diff --git a/src/pages/settings/Settings.module.scss b/src/pages/settings/Settings.module.scss
index 4f095c0ecde1216f584871c0b95f49c1a08f64ce..82f5ba03420d08ab8afa900e622f7b389b91d6e1 100644
--- a/src/pages/settings/Settings.module.scss
+++ b/src/pages/settings/Settings.module.scss
@@ -65,7 +65,7 @@
     background: var(--primary-background);
 
     .sidebar {
-        flex-grow: 1;
+        flex: 2;
         display: flex;
         flex-shrink: 0;
         overflow-y: scroll;
@@ -114,7 +114,7 @@
     }
 
     .content {
-        flex-grow: 2;
+        flex: 3;
         max-width: 740px;
         padding: 60px 2em;
         overflow-y: scroll;
@@ -155,7 +155,7 @@
     }
 
     .action {
-        flex-grow: 1;
+        flex: 1;
         flex-shrink: 0;
         padding: 60px 8px;
         color: var(--tertiary-background);
diff --git a/src/pages/settings/panes/Panes.module.scss b/src/pages/settings/panes/Panes.module.scss
index 59fe76ce63b65c7e6903ceaaa2cf9fbe79289c1c..d1c2a504049ef744926ac29eecba0f30ace32345 100644
--- a/src/pages/settings/panes/Panes.module.scss
+++ b/src/pages/settings/panes/Panes.module.scss
@@ -74,14 +74,13 @@
 
 .appearance {
     .theme {
+        min-width: 0;
         display: flex;
         flex-direction: column;
-        width: 100%;
     }
 
     .themes {
         gap: 8px;
-        width: 100%;
         display: flex;
 
         img {