diff --git a/button/internal/_touch-target.scss b/button/internal/_touch-target.scss
index 2ddf6169eb..14e4290516 100644
--- a/button/internal/_touch-target.scss
+++ b/button/internal/_touch-target.scss
@@ -5,16 +5,20 @@
 
 @mixin styles() {
   .touch {
+    border-end-end-radius: var(--_container-shape-end-end);
+    border-end-start-radius: var(--_container-shape-end-start);
+    border-start-end-radius: var(--_container-shape-start-end);
+    border-start-start-radius: var(--_container-shape-start-start);
     position: absolute;
     top: 50%;
-    height: 48px;
+    height: var(--_container-height);
     left: 0;
     right: 0;
     transform: translateY(-50%);
   }
 
   :host([touch-target='wrapper']) {
-    margin: max(0px, (48px - var(--_container-height)) / 2) 0;
+    margin: 0;
   }
 
   :host([touch-target='none']) .touch {