diff --git a/packages/theme/src/puik-button-group.scss b/packages/theme/src/puik-button-group.scss
index 123031ec..461aad87 100755
--- a/packages/theme/src/puik-button-group.scss
+++ b/packages/theme/src/puik-button-group.scss
@@ -1,8 +1,14 @@
 .puik-button-group {
+  .puik-button:first-child {
+    @apply border-l;
+  }
   .puik-button {
-    @apply relative z-0 focus:z-[1];
+    @apply relative z-0 focus:z-[1] border-l-0;
     &--primary {
-      @apply border border-primary-500;
+      @apply border border-primary-800;
+      &:hover {
+        @apply border-primary-700 border-r-primary-800;
+      }
     }
     &--tertiary {
       @apply border border-primary-400;