diff --git a/resources/js/components/SMButton.vue b/resources/js/components/SMButton.vue
index b0a46fd..f926e35 100644
--- a/resources/js/components/SMButton.vue
+++ b/resources/js/components/SMButton.vue
@@ -246,6 +246,12 @@ const handleClickItem = (item: string) => {
         cursor: not-allowed;
     }
 
+    &:disabled,
+    &.primary:disabled {
+        background-color: var(--base-color-dark);
+        box-shadow: none;
+    }
+
     &.medium {
         padding: 12px 24px;
         font-size: 80%;