diff --git a/components/settings/SettingsBottomNav.vue b/components/settings/SettingsBottomNav.vue
index 5a810972..65575f9a 100644
--- a/components/settings/SettingsBottomNav.vue
+++ b/components/settings/SettingsBottomNav.vue
@@ -81,13 +81,13 @@ function save() {
         {{ $t('settings.interface.bottom_nav_instructions') }}
       </p>
       <!-- preview -->
-      <div aria-hidden="true" flex="~ gap4 wrap" items-center select-settings h-14 p0>
+      <div aria-hidden="true" flex="~ gap4 wrap" items-center select-settings h-14>
         <nav
           v-for="availableNavButton in selectedNavButtons" :key="availableNavButton.name"
           flex="~ 1" items-center justify-center text-xl
           scrollbar-hide overscroll-none
         >
-          <button btn-base :class="availableNavButton.icon" mx-4 tabindex="-1" />
+          <span :class="availableNavButton.icon" />
         </nav>
       </div>