diff --git a/src/components/settings_modal/tabs/appearance_tab.scss b/src/components/settings_modal/tabs/appearance_tab.scss
index 1ba9c01d5..26ab2f788 100644
--- a/src/components/settings_modal/tabs/appearance_tab.scss
+++ b/src/components/settings_modal/tabs/appearance_tab.scss
@@ -44,19 +44,14 @@
   }
 
   .palette-entry {
-    display: grid;
-    grid-template-columns: 1fr auto;
+    display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 0 0.5em;
-    height: max-content;
+    height: 2.5em;
 
-    .palette-label {
-      height: auto;
-
-      label {
-        text-align: center;
-      }
+    .palette-label label {
+      text-align: center;
     }
 
     .palette-square {
@@ -80,18 +75,15 @@
   }
 
   .modal-view.-mobile & {
-    .palettes {
-      grid-template-columns: 1fr;
-    }
-
     .palette-entry {
-      grid-column: 1;
+      flex-wrap: wrap;
       justify-content: center;
     }
 
     .palette-label {
       line-height: 1.5em;
       margin-top: 0.5em;
+      width: 100%;
     }
   }