CSS Cleanup

src/components/emoji_picker/emoji_picker.scss

@@ -65,34 +65,29 @@
 
   .additional-tabs,
   .emoji-tabs {
-    display: block;
+    display: flex;
-    min-width: 0;
+    flex-wrap: nowrap;
-    flex-basis: auto;
+    width: 100%;
-    flex-shrink: 1;
-
-    white-space: nowrap;
-    align-items: center;
-    justify-content: center;
-
     overflow-x: scroll;
-    overflow-y: hidden;
-    // -ms-overflow-style: none;
-    // scrollbar-width: none;
-    // &::-webkit-scrollbar {
-    //   display: none;
-    // }
 
     &-item {
-      padding: 0 7px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      width: 32px;
+      height: 32px;
+      padding: .4em;
       cursor: pointer;
-      font-size: 1.85em;
 
       img {
-        width: 32px;
-        height: 32px;
-        object-fit: contain;
         max-width: 100%;
         max-height: 100%;
+        object-fit: contain;
+      }
+
+      span {
+        font-size: 1.9em;
       }
 
       &.disabled {