Only reduce the width of .wrapper if there is a divider

Author: a-stewart

src/vscode-button-group/vscode-button-group.styles.ts

@@ -21,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;

src/vscode-button/vscode-button.styles.ts

@@ -105,7 +105,7 @@ const styles: CSSResultGroup = [
       display: flex;
       justify-content: center;
       position: relative;
-      width: calc(100% - 1px);
+      width: var(--wrapper-width, 100%);
       height: 100%;
       padding: 1px 13px;
     }