fix(toggleButtonGroup): color and border don't overflow now

Author: tripleWdotcom

packages/core/src/DateTimePicker/__snapshots__/index.test.tsx.snap

@@ -1677,6 +1677,7 @@ exports[`DateTimePicker DateTimePicker 1`] = `
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
+  box-sizing: border-box;
   padding: 0 8px;
   overflow: hidden;
   white-space: nowrap;
@@ -1711,6 +1712,7 @@ exports[`DateTimePicker DateTimePicker 1`] = `
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
+  box-sizing: border-box;
   padding: 0 8px;
   overflow: hidden;
   white-space: nowrap;
@@ -3014,6 +3016,7 @@ exports[`DateTimePicker DateTimePicker 2`] = `
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
+  box-sizing: border-box;
   padding: 0 8px;
   overflow: hidden;
   white-space: nowrap;
@@ -3048,6 +3051,7 @@ exports[`DateTimePicker DateTimePicker 2`] = `
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
+  box-sizing: border-box;
   padding: 0 8px;
   overflow: hidden;
   white-space: nowrap;

packages/core/src/ToggleButtonGroup/__snapshots__/index.test.tsx.snap

@@ -77,6 +77,7 @@ exports[`ToggleButtonGroup ToggleButtonGroup 1`] = `
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
+  box-sizing: border-box;
   padding: 0 8px;
   overflow: hidden;
   white-space: nowrap;
@@ -111,6 +112,7 @@ exports[`ToggleButtonGroup ToggleButtonGroup 1`] = `
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
+  box-sizing: border-box;
   padding: 0 8px;
   overflow: hidden;
   white-space: nowrap;
@@ -354,6 +356,7 @@ exports[`ToggleButtonGroup ToggleButtonGroupWithField 1`] = `
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
+  box-sizing: border-box;
   padding: 0 8px;
   overflow: hidden;
   white-space: nowrap;

packages/core/src/ToggleButtonGroup/index.tsx

@@ -53,6 +53,7 @@ const ToggleButtonContent = styled.div<ToggleButtonContentProps>`
   display: flex;
   align-items: center;
   justify-content: center;
+  box-sizing: border-box;
   padding: 0 ${spacing.medium};
   overflow: hidden;
   white-space: nowrap;