diff --git a/src/components/styled/tab.css b/src/components/styled/tab.css
index 57bcb4c0fcf..b86b79c54cf 100644
--- a/src/components/styled/tab.css
+++ b/src/components/styled/tab.css
@@ -19,16 +19,15 @@
   border-bottom-color: hsla(var(--b3, 216 12% 84%) / var(--tw-border-opacity, 1));
   padding-left: var(--tab-padding, 1rem);
   padding-right: var(--tab-padding, 1rem);
-  margin: var(--tab-border, 1px) 0 0 0;
   &.tab-active{
     @apply bg-base-100;
     border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
-    margin: 0 0 var(--tab-border, 1px) 0;
     border-left-color: hsla(var(--b3, 216 12% 84%) / var(--tw-border-opacity, 1));
     border-right-color: hsla(var(--b3, 216 12% 84%) / var(--tw-border-opacity, 1));
     border-top-color: hsla(var(--b3, 216 12% 84%) / var(--tw-border-opacity, 1));
     padding-left: calc( var(--tab-padding, 1rem) - var(--tab-border, 1px) );
     padding-right: calc( var(--tab-padding, 1rem) - var(--tab-border, 1px) );
+    padding-bottom: var(--tab-border, 1px);
     &:before, &:after{
       z-index: 1;
       content:'';
@@ -36,7 +35,7 @@
       position: absolute;
       width: var(--tab-radius, .5rem);
       height: var(--tab-radius, .5rem);
-      bottom: calc(0rem - var(--tab-border, 1px));
+      bottom: 0;
       --tab-grad: calc( 68% - var(--tab-border, 1px) );
       --tab-corner-bg: 
       radial-gradient(