diff --git a/app/components/nav/NavFooter.vue b/app/components/nav/NavFooter.vue
index 1659d58551..e1a28f3870 100644
--- a/app/components/nav/NavFooter.vue
+++ b/app/components/nav/NavFooter.vue
@@ -17,7 +17,7 @@ function toggleDark() {
   <footer p4 text-sm text-secondary-light flex="~ col">
     <div flex="~ gap2" items-center mb4>
       <CommonTooltip :content="$t('nav.toggle_theme')">
-        <button flex i-ri:sun-line dark-i-ri:moon-line text-lg :aria-label="$t('nav.toggle_theme')" @click="toggleDark()" />
+        <button flex dark-i-ri:sun-line i-ri:moon-line text-lg :aria-label="$t('nav.toggle_theme')" @click="toggleDark()" />
       </CommonTooltip>
       <CommonTooltip :content="$t('nav.zen_mode')">
         <button