diff --git a/resources/js/components/SMButton.vue b/resources/js/components/SMButton.vue
index 857e233..8e58036 100644
--- a/resources/js/components/SMButton.vue
+++ b/resources/js/components/SMButton.vue
@@ -32,7 +32,9 @@
                 {{ label }}
                 <ion-icon v-if="icon && iconLocation == 'after'" :icon="icon" />
             </span>
-            <span v-else-if="icon.length > 0" class="button-label">
+            <span
+                v-else-if="icon.length > 0"
+                class="button-label button-label-icon">
                 <ion-icon :icon="icon" />
             </span>
             <span v-else class="button-label">
@@ -198,6 +200,10 @@ const handleClickItem = (item: string) => {
             height: 28px;
             margin: -8px 0;
         }
+
+        &.button-label-icon {
+            margin: 0 -32px;
+        }
     }
 
     &.button-dropdown {