web/settings: fix header on mobile at certain scales

web/src/components/settings/SettingsNavTab.svelte

@@ -17,7 +17,7 @@
     href="/settings/{tabLink}"
     class:active={isActive}
     role="button"
->   
+>
     <div class="settings-tab-left">
         <div class="tab-icon" style="background: var(--{iconColor})">
             <slot></slot>

web/src/routes/settings/+layout.svelte

@@ -46,8 +46,8 @@
 <svelte:window bind:innerWidth={screenWidth} />
 
 <div id="settings-page">
-    <div id="settings-sidebar">
-        <div id="settings-header" class:back-visible={!isHome && isMobile}>
+    <div id="settings-sidebar" class:back-visible={!isHome && isMobile}>
+        <div id="settings-header">
             {#if isMobile}
                 {#if !isHome}
                     <a
@@ -165,6 +165,10 @@
         padding-top: var(--settings-padding);
     }
 
+    #settings-sidebar.back-visible {
+        overflow: visible;
+    }
+
     #settings-sidebar {
         gap: 24px;
     }