fix palette list on mobile chrome

src/components/settings_modal/tabs/appearance_tab.scss

@@ -44,15 +44,20 @@
   }
 
   .palette-entry {
-    display: flex;
+    display: grid;
+    grid-template-columns: 1fr auto;
     align-items: center;
     justify-content: space-between;
     padding: 0 0.5em;
-    height: 2.5em;
+    height: max-content;
 
-    .palette-label label {
+    .palette-label {
+      height: auto;
+
+      label {
         text-align: center;
       }
+    }
 
     .palette-square {
       flex: 0 0 auto;
@@ -75,15 +80,18 @@
   }
 
   .modal-view.-mobile & {
+    .palettes {
+      grid-template-columns: 1fr;
+    }
+
     .palette-entry {
-      flex-wrap: wrap;
+      grid-column: 1;
       justify-content: center;
     }
 
     .palette-label {
       line-height: 1.5em;
       margin-top: 0.5em;
-      width: 100%;
     }
   }