diff --git a/client/src/routes/Settings.svelte b/client/src/routes/Settings.svelte
index 59a2753..cc0ced0 100644
--- a/client/src/routes/Settings.svelte
+++ b/client/src/routes/Settings.svelte
@@ -271,12 +271,11 @@
   <div class="tabs">
     {#each tabs as tab}
       <button
-        class:active={activeTab === tab.id}
-        class="tab"
+        class="tab {activeTab === tab.id ? 'active' : ''}"
         type="button"
         on:click={() => (activeTab = tab.id)}
       >
-        <i class={tab.icon}></i>
+        <span class="icon"><i class={tab.icon}></i></span>
         <span>{tab.label}</span>
       </button>
     {/each}