diff --git a/resources/js/components/SMTab.vue b/resources/js/components/SMTab.vue
index 00b3bd2..5fa602f 100644
--- a/resources/js/components/SMTab.vue
+++ b/resources/js/components/SMTab.vue
@@ -19,7 +19,7 @@ const selectedLabel = inject("selectedLabel");
 
 <style lang="scss">
 .tab-content {
-    padding: 32px;
+    padding: 32px 32px 16px 32px;
     background-color: var(--tab-color);
     border: 1px solid var(--tab-color-border);
 }
diff --git a/resources/js/components/SMTabGroup.vue b/resources/js/components/SMTabGroup.vue
index 565f5ac..365076d 100644
--- a/resources/js/components/SMTabGroup.vue
+++ b/resources/js/components/SMTabGroup.vue
@@ -35,13 +35,12 @@ provide("selectedLabel", selectedLabel);
 
     .tab-item {
         display: inline-block;
-        padding: 16px 24px;
+        padding: 8px 16px;
         border: 1px solid transparent;
         margin-bottom: -1px;
         border-top-left-radius: 8px;
         border-top-right-radius: 8px;
         color: var(--primary-color);
-        transition: 0.2s all ease-out;
 
         &.selected {
             color: var(--tab-color-text);