From f4bd2cab5c568489a9dac71ee8ee4c49a15a8fd8 Mon Sep 17 00:00:00 2001
From: Hopsken <shaowei5@icloud.com>
Date: Tue, 27 Dec 2022 14:07:29 +0800
Subject: [PATCH] fix: alignment issue on settings page on mobile (#571)

---
 components/settings/SettingsNavItem.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/settings/SettingsNavItem.vue b/components/settings/SettingsNavItem.vue
index 5c53560c..73fde113 100644
--- a/components/settings/SettingsNavItem.vue
+++ b/components/settings/SettingsNavItem.vue
@@ -36,7 +36,7 @@ if (props.command) {
     >
       <div flex-1 flex items-center md:gap2 gap4>
         <div
-          flex items-center justify-center
+          flex items-center justify-center flex-shrink-0
           :class="$slots.description ? 'w-12 h-12' : ''"
         >
           <slot name="icon">