From 907657725d61f6490822e4bf3733242b295a4b6f Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Mon, 21 Oct 2024 18:33:35 +0900
Subject: [PATCH] fix(ui): fix and adjust bottom navigation preview on setting
 page (#2818)

---
 components/settings/SettingsBottomNav.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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>