diff --git a/src/components/settings_modal/tabs/developer_tab.scss b/src/components/settings_modal/tabs/developer_tab.scss
index 944cf052f..a94b5c122 100644
--- a/src/components/settings_modal/tabs/developer_tab.scss
+++ b/src/components/settings_modal/tabs/developer_tab.scss
@@ -1,4 +1,24 @@
 .developer-tab {
+  .setting-list {
+    margin-left: 2em;
+  }
+
+  .cache-buttons {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-column: 1 / 3;
+    column-gap: 0.5em;
+    margin: 0 5em;
+
+    .-mobile & {
+      grid-template-columns: 1fr;
+      grid-template-rows: 1fr 1fr;
+      row-gap: 0.5em;
+      margin: 0;
+    }
+  }
+
+
   dt {
     font-weight: 900;
   }
diff --git a/src/components/settings_modal/tabs/developer_tab.vue b/src/components/settings_modal/tabs/developer_tab.vue
index f1262e3b6..1544c02a9 100644
--- a/src/components/settings_modal/tabs/developer_tab.vue
+++ b/src/components/settings_modal/tabs/developer_tab.vue
@@ -32,22 +32,6 @@
             {{ $t('settings.virtual_scrolling') }}
           </BooleanSetting>
         </li>
-        <li>
-          <button
-            class="btn button-default"
-            @click="clearAssetCache"
-          >
-            {{ $t('settings.clear_asset_cache') }}
-          </button>
-        </li>
-        <li>
-          <button
-            class="btn button-default"
-            @click="clearEmojiCache"
-          >
-            {{ $t('settings.clear_emoji_cache') }}
-          </button>
-        </li>
         <li>
           <BooleanSetting
             path="themeDebug"
@@ -64,6 +48,25 @@
             {{ $t('settings.force_theme_recompilation_debug') }}
           </BooleanSetting>
         </li>
+        <h4>{{ $t('settings.cache') }}</h4>
+        <li>
+          <div class="setting-item">
+            <div class="cache-buttons">
+              <button
+                class="btn button-default"
+                @click="clearAssetCache"
+              >
+                {{ $t('settings.clear_asset_cache') }}
+              </button>
+              <button
+                class="btn button-default"
+                @click="clearEmojiCache"
+              >
+                {{ $t('settings.clear_emoji_cache') }}
+              </button>
+            </div>
+          </div>
+        </li>
       </ul>
     </div>
   </div>