diff --git a/src/vscode-button-group/vscode-button-group.styles.ts b/src/vscode-button-group/vscode-button-group.styles.ts
index 6a80d0cb6..2bd2a725e 100644
--- a/src/vscode-button-group/vscode-button-group.styles.ts
+++ b/src/vscode-button-group/vscode-button-group.styles.ts
@@ -10,6 +10,7 @@ const styles: CSSResultGroup = [
       align-items: stretch;
       padding: 0;
       border: none;
+      overflow: hidden;
     }
 
     ::slotted(vscode-button:not(:first-child)) {
@@ -20,6 +21,7 @@ const styles: CSSResultGroup = [
 
     ::slotted(vscode-button:not(:last-child)) {
       --divider-display: block;
+      --wrapper-width: calc(100% - 1px);
 
       border-top-right-radius: 0;
       border-bottom-right-radius: 0;
diff --git a/src/vscode-button/vscode-button.styles.ts b/src/vscode-button/vscode-button.styles.ts
index 47f691258..858773efd 100644
--- a/src/vscode-button/vscode-button.styles.ts
+++ b/src/vscode-button/vscode-button.styles.ts
@@ -105,7 +105,7 @@ const styles: CSSResultGroup = [
       display: flex;
       justify-content: center;
       position: relative;
-      width: 100%;
+      width: var(--wrapper-width, 100%);
       height: 100%;
       padding: 1px 13px;
     }