diff --git a/.changeset/happy-rooms-hammer.md b/.changeset/happy-rooms-hammer.md
new file mode 100644
index 00000000..77dfa5e5
--- /dev/null
+++ b/.changeset/happy-rooms-hammer.md
@@ -0,0 +1,6 @@
+---
+"@tapsioss/web-components": patch
+---
+
+Resolve issues with stacking context layers in button
+  
\ No newline at end of file
diff --git a/packages/web-components/src/button/base/base-button.style.ts b/packages/web-components/src/button/base/base-button.style.ts
index 30be5591..fd7557fb 100644
--- a/packages/web-components/src/button/base/base-button.style.ts
+++ b/packages/web-components/src/button/base/base-button.style.ts
@@ -132,8 +132,8 @@ const styles: CSSResult = css`
     display: flex;
     justify-content: center;
     align-items: center;
-    z-index: 2;
     width: 100%;
+    position: relative;
   }
 
   .overlay {
@@ -145,7 +145,6 @@ const styles: CSSResult = css`
       --button-custom-overlay-color,
       var(--button-overlay-color)
     );
-    z-index: 1;
     transition: opacity 0.1s;
   }