diff --git a/resources/js/components/SMButton.vue b/resources/js/components/SMButton.vue
index f5eef50..df93f1a 100644
--- a/resources/js/components/SMButton.vue
+++ b/resources/js/components/SMButton.vue
@@ -285,9 +285,8 @@ const handleClickItem = (item: string) => {
         cursor: not-allowed;
     }
 
-    &.disabled &:disabled,
-    &.primary:disabled,
-    &.primary.disabled {
+    &.disabled,
+    &:disabled {
         color: var(--button-disabled-color-text) !important;
         background-color: var(--button-disabled-color) !important;
         box-shadow: none;
@@ -319,6 +318,10 @@ const handleClickItem = (item: string) => {
         background-color: var(--button-danger-color);
         color: var(--button-danger-color-text);
     }
+
+    & + .button {
+        margin-left: 1rem;
+    }
 }
 
 @media only screen and (max-width: 768px) {