diff --git a/src/components/base/button/button.scss b/src/components/base/button/button.scss
index 8c7c3d4bbb1e3fe0fcb27fa62a882d02b9a6cf7e..c299baad8991cfe68927420f422396ec7b70ad42 100644
--- a/src/components/base/button/button.scss
+++ b/src/components/base/button/button.scss
@@ -1,12 +1,3 @@
-/*
- * Button-specific utilities
- */
-@mixin gl-tmp-button-hover($border-color, $background-color) {
-  box-shadow: inset 0 0 0 $gl-border-size-2 $border-color,
-    0 $gl-border-size-2 $gl-border-size-2 0 rgba(0, 0, 0, 0.08);
-  background: $background-color;
-}
-
 .gl-button {
   @include gl-display-inline-flex;
 }
@@ -21,21 +12,27 @@
 
 .gl-button.gl-button,
 .gl-button.gl-button.btn-block {
-  @apply gl-border-0;
-  @apply gl-rounded-base;
-  @include gl-py-3;
-  @include gl-px-4;
-  @include gl-bg-transparent;
   @include gl-line-height-normal;
   @include gl-text-gray-900;
   @include gl-fill-current-color;
-  @include gl-inset-border-1-gray-200;
   @include gl-justify-content-center;
   @include gl-align-items-center;
   @include gl-font-base;
+  @include gl-rounded-base;
+  box-sizing: border-box;
+  transition: color $gl-transition-duration-medium $gl-easing-out-cubic,
+              background-color $gl-transition-duration-medium $gl-easing-out-cubic,
+              border-color $gl-transition-duration-medium $gl-easing-out-cubic,
+              box-shadow $gl-transition-duration-medium $gl-easing-out-cubic,
+              text-decoration-color $gl-transition-duration-medium $gl-easing-out-cubic;
+
+  @media (prefers-reduced-motion) {
+    transition-duration: .01ms !important;
+  }
 
-  @media (forced-colors: active) {
-    border: 1px solid;
+  &:focus:not(:disabled, .disabled),
+  &:focus:active:not(:disabled, .disabled) {
+    @include gl-focus;
   }
 
   .gl-button-text {
@@ -63,25 +60,51 @@
     @include gl-font-lg;
   }
 
-  &.btn-default,
-  &.btn-dashed {
-    @include gl-bg-white;
+  &:is([class*='-tertiary'], .btn-link) {
+    background-color: transparent;
+    border-width: 0;
 
-    &.btn-default-tertiary {
-      @include gl-bg-transparent;
+    &:not(.btn-sm) {
+      @include gl-py-3;
+      @include gl-px-4;
     }
 
-    &:hover {
-      @include gl-tmp-button-hover($gray-400, $gray-50);
+    &.btn-sm {
+      @include gl-py-2;
+      @include gl-px-3;
+    }
+  }
 
-      .gl-icon {
-        @include gl-text-gray-700;
-      }
+  &:not([class*='-tertiary'], .btn-link),
+  &.btn-reset {
+    border-width: $gl-border-size-1;
+
+    &:not(.btn-sm) {
+      padding: calc($gl-spacing-scale-3 - $gl-border-size-1) calc($gl-spacing-scale-4 - $gl-border-size-1);
     }
 
+    &.btn-sm {
+      padding: calc($gl-spacing-scale-2 - $gl-border-size-1) calc($gl-spacing-scale-3 - $gl-border-size-1);
+    }
+  }
+
+  &.btn-default:not(.btn-default-tertiary),
+  &.btn-dashed:not(.btn-default-tertiary) {
+    @include gl-bg-white;
+  }
+
+  &.btn-dashed {
+    border-style: dashed;
+  }
+
+  &.btn-default,
+  &.btn-dashed {
+    border-color: $gray-200;
+
+    &:hover,
     &:focus {
-      @include gl-focus($color: $gray-400);
       @include gl-bg-gray-50;
+      border-color: $gray-400;
 
       .gl-icon {
         @include gl-text-gray-700;
@@ -90,17 +113,10 @@
 
     &:active,
     &.active {
-      @include gl-focus($color: $gray-600);
       @include gl-bg-gray-100;
+      border-color: $gray-600;
 
-      .gl-icon {
-        @include gl-text-gray-900;
-      }
-
-      &:focus {
-        @include gl-focus($color: $gray-600);
-      }
-
+      .gl-icon,
       &:focus .gl-icon {
         @include gl-text-gray-900;
       }
@@ -113,25 +129,26 @@
 
   &.selected {
     @include gl-bg-white;
-    box-shadow: inset 0 0 0 $gl-border-size-2 $gray-300;
+    border: $gl-border-size-2 solid $gray-300;
 
-    &:hover,
-    &:focus {
-      @include gl-bg-gray-50;
+    &:not(.btn-sm) {
+      padding: calc($gl-spacing-scale-3 - $gl-border-size-2) calc($gl-spacing-scale-4 - $gl-border-size-2);
     }
 
-    &:hover {
-      box-shadow: inset 0 0 0 $gl-border-size-2 $gray-400;
+    &.btn-sm {
+      padding: calc($gl-spacing-scale-2 - $gl-border-size-2) calc($gl-spacing-scale-3 - $gl-border-size-2);
     }
 
+    &:hover,
     &:focus {
-      box-shadow: inset 0 0 0 $gl-border-size-2 $gray-400, $focus-ring;
+      @include gl-bg-gray-50;
+      border-color: $gray-400;
     }
 
     &:active,
     &:active:focus {
       @include gl-bg-gray-100;
-      box-shadow: inset 0 0 0 $gl-border-size-2 $gray-600, $focus-ring;
+      border-color: $gray-600;
     }
   }
 
@@ -145,25 +162,18 @@
   &.btn-confirm,
   &.btn-info {
     @include gl-bg-blue-500;
-    @include gl-inset-border-1-blue-600;
-
-    &:hover {
-      @include gl-tmp-button-hover($blue-800, $blue-600);
-    }
+    border-color: $blue-600;
 
+    &:hover,
     &:focus {
-      @include gl-focus($color: $blue-800);
       @include gl-bg-blue-600;
+      border-color: $blue-800;
     }
 
     &:active,
     &.active {
-      @include gl-focus($color: $blue-900);
       @include gl-bg-blue-700;
-
-      &:focus {
-        @include gl-focus($color: $blue-900);
-      }
+      border-color: $blue-900;
     }
   }
 
@@ -174,52 +184,37 @@
     @include gl-bg-transparent;
     @include gl-text-blue-500;
     @include gl-font-weight-normal;
-    @include gl-inset-border-1-blue-500;
-
-    &:hover {
-      @include gl-text-blue-700;
-      @include gl-tmp-button-hover($blue-700, $blue-50);
-    }
+    border-color: $blue-500;
 
+    &:hover,
     &:focus {
       @include gl-text-blue-700;
-      @include gl-focus($color: $blue-700);
       @include gl-bg-blue-50;
+      border-color: $blue-700;
     }
 
     &:active,
     &.active {
       @include gl-text-blue-900;
-      @include gl-focus($color: $blue-900);
       @include gl-bg-blue-100;
-
-      &:focus {
-        @include gl-focus($color: $blue-900);
-      }
+      border-color: $blue-900;
     }
   }
 
   &.btn-success {
     @include gl-bg-green-500;
-    @include gl-inset-border-1-green-600;
-
-    &:hover {
-      @include gl-tmp-button-hover($green-800, $green-600);
-    }
+    border-color: $green-600;
 
+    &:hover,
     &:focus {
-      @include gl-focus($color: $green-800);
       @include gl-bg-green-600;
+      border-color: $green-800;
     }
 
     &:active,
     &.active {
-      @include gl-focus($color: $green-900);
       @include gl-bg-green-700;
-
-      &:focus {
-        @include gl-focus($color: $green-900);
-      }
+      border-color: $green-900;
     }
   }
 
@@ -228,52 +223,37 @@
     @include gl-bg-transparent;
     @include gl-text-green-500;
     @include gl-font-weight-normal;
-    @include gl-inset-border-1-green-500;
-
-    &:hover {
-      @include gl-text-green-700;
-      @include gl-tmp-button-hover($green-700, $green-50);
-    }
+    border-color: $green-500;
 
+    &:hover,
     &:focus {
       @include gl-text-green-700;
-      @include gl-focus($color: $green-700);
       @include gl-bg-green-50;
+      border-color: $green-700;
     }
 
     &:active,
     &.active {
       @include gl-text-green-900;
-      @include gl-focus($color: $green-900);
       @include gl-bg-green-100;
-
-      &:focus {
-        @include gl-focus($color: $green-900);
-      }
+      border-color: $green-900;
     }
   }
 
   &.btn-danger {
     @include gl-bg-red-500;
-    @include gl-inset-border-1-red-600;
-
-    &:hover {
-      @include gl-tmp-button-hover($red-800, $red-600);
-    }
+    border-color: $red-600;
 
+    &:hover,
     &:focus {
-      @include gl-focus($color: $red-800);
       @include gl-bg-red-600;
+      border-color: $red-800;
     }
 
     &:active,
     &.active {
-      @include gl-focus($color: $red-900);
       @include gl-bg-red-700;
-
-      &:focus {
-        @include gl-focus($color: $red-900);
-      }
+      border-color: $red-900;
     }
   }
 
@@ -282,28 +262,20 @@
     @include gl-bg-transparent;
     @include gl-text-red-500;
     @include gl-font-weight-normal;
-    @include gl-inset-border-1-red-500;
-
-    &:hover {
-      @include gl-text-red-700;
-      @include gl-tmp-button-hover($red-700, $red-50);
-    }
+    border-color: $red-500;
 
+    &:hover,
     &:focus {
       @include gl-text-red-700;
-      @include gl-focus($color: $red-700);
       @include gl-bg-red-50;
+      border-color: $red-700;
     }
 
     &:active,
     &.active {
       @include gl-text-red-900;
-      @include gl-focus($color: $red-900);
       @include gl-bg-red-100;
-
-      &:focus {
-        @include gl-focus($color: $red-900);
-      }
+      border-color: $red-900;
     }
   }
 
@@ -339,7 +311,6 @@
   &.btn-success,
   &.btn-danger {
     &-tertiary {
-      @include gl-shadow-none;
       mix-blend-mode: multiply;
 
       @media (forced-colors: active) {
@@ -347,16 +318,6 @@
         mix-blend-mode: initial;
         border: 0;
       }
-
-      &:hover {
-        @include gl-shadow-none;
-      }
-
-      &:active,
-      &:focus,
-      &:focus:active {
-        @include gl-focus;
-      }
     }
   }
 
@@ -365,17 +326,14 @@
   &.btn-danger-tertiary {
     @media (forced-colors: active) {
       color: $black;
-      border: 0;
     }
   }
 
   &.btn-default-tertiary.selected {
-    box-shadow: inset 0 0 0 $gl-border-size-2 $gray-300;
+    border: $gl-border-size-2 solid $gray-300;
   }
 
   &.btn-sm {
-    @include gl-py-2;
-    @include gl-px-3;
     @include gl-line-height-normal;
     @include gl-font-base;
 
@@ -386,54 +344,53 @@
 
   &.btn-dashed,
   &.btn-dashed-tertiary {
-    @include gl-inset-border-1-gray-400;
     @include gl-bg-white;
-    outline: 3px dotted $white;
-    outline-offset: (-$gl-border-size-1);
-
-    &:hover {
-      @include gl-inset-border-1-gray-400;
-      @include gl-bg-gray-50;
-    }
+    border-color: $gray-400;
 
+    &:hover,
     &:focus {
-      @include gl-focus($color: $gray-400);
-      outline: 3px dotted $gray-50;
-      outline-offset: (-$gl-border-size-1);
+      @include gl-bg-gray-50;
+      border-color: $gray-400;
     }
 
     &:active,
     &.active {
-      @include gl-focus($color: $gray-600);
-      outline: 3px dotted $gray-100;
-      outline-offset: (-$gl-border-size-1);
       @include gl-bg-gray-100;
-
-      &:focus {
-        @include gl-focus($color: $gray-600);
-        outline: 3px dotted $gray-100;
-        outline-offset: (-$gl-border-size-1);
-      }
+      border-color: $gray-600;
     }
   }
 
   &.btn-icon {
-    @include gl-p-3;
     @include gl-line-height-normal;
 
     .gl-button-icon {
       @include gl-mr-0;
     }
 
+    &:not(.btn-sm) {
+      &:is([class*='-tertiary']) {
+        padding: $gl-spacing-scale-3;
+      }
+
+      &:not([class*='-tertiary']) {
+        padding: calc($gl-spacing-scale-3 - $gl-border-size-1);
+      }
+    }
+
     &.btn-sm {
-      @include gl-p-2;
+      &:is([class*='-tertiary']) {
+        padding: $gl-spacing-scale-2;
+      }
+
+      &:not([class*='-tertiary']) {
+        padding: calc($gl-spacing-scale-2 - $gl-border-size-1);
+      }
     }
   }
 
   &.button-ellipsis-horizontal,
   &.button-ellipsis-horizontal.btn-sm {
-    @include gl-py-0;
-    @include gl-px-2;
+    padding: 0 calc($gl-spacing-scale-2 - $gl-border-size-1) !important;
 
     svg {
       @include gl-h-5;
@@ -449,29 +406,31 @@
     @include gl-bg-gray-10;
     @include gl-text-gray-900;
     @include gl-fill-current-color;
-    @include gl-inset-border-1-gray-200;
     @include gl-cursor-default;
+    border-color: $gray-200;
     user-select: text;
   }
 
   &.btn-link {
     @include gl-bg-transparent;
-    @apply gl-border-0;
     @include gl-font-base;
     @include gl-line-height-normal;
     @include gl-text-blue-500;
     @include gl-py-0;
     @include gl-px-0;
-    @include gl-shadow-none;
+    text-decoration-thickness: auto;
+    text-decoration-style: solid;
+    text-decoration-color: transparent;
 
     &:hover {
       @include gl-bg-transparent;
       @include gl-text-blue-500;
+      text-decoration-color: $blue-500;
     }
 
     &:active {
       @include gl-text-blue-700;
-      @include gl-text-decoration-underline;
+      text-decoration-color: $blue-700;
     }
 
     &:active,
@@ -488,6 +447,10 @@
     }
   }
 
+  &.btn-reset {
+    border-color: $gray-200;
+  }
+
   &.disabled,
   &.disabled:hover,
   &.disabled:focus,
@@ -498,10 +461,10 @@
   &[disabled]:focus,
   &[disabled]:active,
   &[disabled].selected {
-    @include gl-bg-gray-10;
     @include gl-text-gray-500;
-    @include gl-inset-border-1-gray-100;
     @include gl-opacity-10;
+    border-color: $gray-100;
+    background-color: $gray-10 !important;
     cursor: not-allowed !important;
 
     .gl-button-icon {
@@ -512,6 +475,5 @@
   &.disabled[class*='-tertiary'],
   &[disabled][class*='-tertiary'] {
     @include gl-bg-transparent;
-    @include gl-shadow-none;
   }
 }
diff --git a/src/components/base/dropdown/dropdown.scss b/src/components/base/dropdown/dropdown.scss
index a36b49a420dc718f465ab6fa9452c4feaab94ed3..d04e31ccc08db8b72d24314baf74f771ca82e0b9 100644
--- a/src/components/base/dropdown/dropdown.scss
+++ b/src/components/base/dropdown/dropdown.scss
@@ -65,9 +65,11 @@
       @include gl-display-none;
     }
 
-    &.gl-button,
-    &.gl-button.btn-block {
-      @include gl-pr-3;
+    &.gl-button.gl-button,
+    &.gl-button.gl-button.btn-block {
+      &:not(.btn-sm) {
+        @include gl-pr-3;
+      }
 
       &.btn-sm {
         @include gl-pr-2;
@@ -112,12 +114,14 @@
       margin-left: -1px;
     }
 
-    &.gl-button {
-      @include gl-px-3;
+    &.gl-button.gl-button:not(.btn-sm) {
+      padding-left: calc($gl-spacing-scale-3 - $gl-border-size-1);
+      padding-right: calc($gl-spacing-scale-3 - $gl-border-size-1);
+    }
 
-      &.btn-sm {
-        @include gl-px-2;
-      }
+    &.gl-button.gl-button.btn-sm {
+      padding-left: calc($gl-spacing-scale-2 - $gl-border-size-1);
+      padding-right: calc($gl-spacing-scale-2 - $gl-border-size-1);
     }
   }
 
diff --git a/src/components/base/new_dropdowns/dropdown.scss b/src/components/base/new_dropdowns/dropdown.scss
index 06ca10d79b4547121486c69a206f0bbc12404003..90f0aa5f1b6c49f3d20e8e36d26453fb49d14359 100644
--- a/src/components/base/new_dropdowns/dropdown.scss
+++ b/src/components/base/new_dropdowns/dropdown.scss
@@ -109,13 +109,13 @@
     }
   }
 
-  .gl-new-dropdown-caret-only {
-    // optically center the caret
-    @include gl-pl-2;
+  // optically center the caret
+  .gl-new-dropdown-caret-only.gl-button:not(.btn-sm) {
+    padding-left: calc($gl-spacing-scale-2 - $gl-border-size-1);
+  }
 
-    &.btn-sm {
-      @include gl-pl-0;
-    }
+  .gl-new-dropdown-caret-only.gl-button.btn-sm {
+    @include gl-pl-0;
   }
 
   $dropdown-content-padding: 0.25rem;
diff --git a/src/components/base/search_box_by_click/search_box_by_click.scss b/src/components/base/search_box_by_click/search_box_by_click.scss
index e49e0a6d2a00fc68e8a57c8645bac269bde0f298..f82ccc2ac93350ea87fb94598ffb6e1760c57dcc 100644
--- a/src/components/base/search_box_by_click/search_box_by_click.scss
+++ b/src/components/base/search_box_by_click/search_box_by_click.scss
@@ -10,9 +10,9 @@
     @include gl-inset-border-1-gray-400;
   }
 
-  .gl-search-box-by-click-search-button {
+  .gl-search-box-by-click-search-button.gl-button {
     @include gl-text-secondary;
-    @include gl-inset-border-1-gray-400;
+    border-color: $gray-400;
   }
 
   .gl-search-box-by-click-input {
diff --git a/src/components/base/segmented_control/segmented_control.scss b/src/components/base/segmented_control/segmented_control.scss
index dc1b8ae67bba46d30ed77ca4fbcf922b043dd404..c3333c33d0d747d96e8ee0c7e636b36512b0bebc 100644
--- a/src/components/base/segmented_control/segmented_control.scss
+++ b/src/components/base/segmented_control/segmented_control.scss
@@ -2,18 +2,8 @@
  * Segmented-control-specific utilities
  */
 
-@mixin gl-btn-gl-segmented-button-first {
-  box-shadow: inset 0 #{$gl-border-size-1} 0 0 $gray-200,
-    inset 0 -#{$gl-border-size-1} 0 0 $gray-200, inset #{$gl-border-size-1} 0 0 0 $gray-200;
-}
-
-@mixin gl-btn-gl-segmented-button-last {
-  box-shadow: inset 0 #{$gl-border-size-1} 0 0 $gray-200,
-    inset 0 -#{$gl-border-size-1} 0 0 $gray-200, inset -#{$gl-border-size-1} 0 0 0 $gray-200;
-}
-
 @mixin gl-btn-gl-segmented-button-focus($color) {
-  box-shadow: $focus-ring, inset 0 0 0 $gl-border-size-2 $color;
+  box-shadow: $focus-ring, inset 0 0 0 $gl-border-size-1 $color;
 }
 
 .btn-group.gl-segmented-control {
@@ -38,19 +28,20 @@
     @include gl-text-gray-900;
     @include gl-fill-current-color;
     @include gl-bg-gray-10;
-    @include gl-inset-border-y-1-gray-200;
+    border-color: $gray-100;
 
-    &:first-child {
-      @include gl-btn-gl-segmented-button-first;
+    &:first-child:not(:hover, :focus, :active, .active) {
+      border-right-color: transparent;
     }
 
-    &:last-child {
-      @include gl-btn-gl-segmented-button-last;
+    &:last-child:not(:hover, :focus, :active, .active) {
+      border-left-color: transparent;
     }
 
     &:hover {
-      @include gl-inset-border-2-gray-400;
+      @include gl-inset-border-1-gray-400;
       @include gl-bg-gray-50;
+      border-color: $gray-400;
     }
 
     &.focus {
@@ -61,12 +52,14 @@
 
     &.active {
       @include gl-z-index-2;
-      @include gl-inset-border-2-gray-300;
       @include gl-bg-white;
+      @include gl-inset-border-1-gray-300;
+      border-color: $gray-300;
 
       &:hover {
-        @include gl-inset-border-2-gray-400;
         @include gl-bg-gray-50;
+        @include gl-inset-border-1-gray-400;
+        border-color: $gray-400;
       }
 
       &.focus,
@@ -85,17 +78,10 @@
     &.disabled:hover,
     &[disabled]:hover {
       @include gl-text-gray-400;
-      @include gl-inset-border-y-1-gray-200;
       @include gl-z-index-0;
       @include gl-cursor-not-allowed;
-
-      &:first-child {
-        @include gl-btn-gl-segmented-button-first;
-      }
-
-      &:last-child {
-        @include gl-btn-gl-segmented-button-last;
-      }
+      border-color: $gray-200;
+      box-shadow: none;
     }
   }
 }
diff --git a/src/scss/utility-mixins/box-shadow.scss b/src/scss/utility-mixins/box-shadow.scss
index 8cc85a6494081aa1e228cb26018af80e2ecf87a0..3900edc82e9d1a92b18d97fd307af461252838d3 100644
--- a/src/scss/utility-mixins/box-shadow.scss
+++ b/src/scss/utility-mixins/box-shadow.scss
@@ -15,6 +15,10 @@
   box-shadow: inset 0 0 0 $gl-border-size-1 $gray-200;
 }
 
+@mixin gl-inset-border-1-gray-300 {
+  box-shadow: inset 0 0 0 $gl-border-size-1 $gray-300;
+}
+
 @mixin gl-inset-border-1-gray-400 {
   box-shadow: inset 0 0 0 $gl-border-size-1 $gray-400;
 }
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-accordion-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-accordion-default-1-snap.png
index f75d423bb176fd085f5b78182350f062f8b2fba5..b580e38ccc31d3d8f2845cd62b05e07f41758b08 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-accordion-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-accordion-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-labeled-with-default-slot-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-labeled-with-default-slot-1-snap.png
index da9d925a8da9ad40f0be3fe5a195d99e9e923793..92d71afdfd42278dc79e6a2885e9bd9a6b0764a7 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-labeled-with-default-slot-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-avatar-labeled-with-default-slot-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-banner-with-actions-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-banner-with-actions-1-snap.png
index 976a3c4460ccc0fb302a6036aa20a70758de7803..3258e6a099619b23777799d6d932ba36dae0649e 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-banner-with-actions-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-banner-with-actions-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-all-variants-and-categories-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-all-variants-and-categories-1-snap.png
index f294cc33418158e4b7b69771d85623889b53feaf..43b36719c02062826b67818b7fc02368de0dfc10 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-all-variants-and-categories-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-all-variants-and-categories-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-badges-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-badges-1-snap.png
index 7beae1f7e1f8f18ca26f3538de5013628cb015fb..51dcd39aaadc6b04a57e706de338e689134ca438 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-badges-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-badges-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-dropdown-button-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-dropdown-button-1-snap.png
index 56f5fac7d8c24d373cc065bbb0aecb633e70907a..83dec2458806ee20ecb97c2d8fe290187a67501a 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-dropdown-button-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-dropdown-button-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-dropdown-icon-button-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-dropdown-icon-button-1-snap.png
index 16167c33472ab0f1f463993197fed63079793434..d1833f7fd4d63e8722440ea36b71def6e00f288a 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-dropdown-icon-button-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-dropdown-icon-button-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-dropdown-icon-only-button-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-dropdown-icon-only-button-1-snap.png
index ea4c795266411dc361c11c786e857678abf8b0d0..fa864534e9dfba2b041639d771a8e0ae4a619755 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-dropdown-icon-only-button-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-dropdown-icon-only-button-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-dropdown-icon-text-button-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-dropdown-icon-text-button-1-snap.png
index e2862587ba36eccfcb952d1e3dadc9e731d65a29..309f7652e2729884281f6ddfb2b78d59ce599f79 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-dropdown-icon-text-button-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-dropdown-icon-text-button-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-dropdown-loading-button-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-dropdown-loading-button-1-snap.png
index e8e4f794601a2ab48dfa9b41beae91ff2a511043..11e659519c8bc2d2a0a213f121b858648fbcc262 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-dropdown-loading-button-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-dropdown-loading-button-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-ellipsis-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-ellipsis-1-snap.png
index 69f3aa1aa9042e456eef84a759ebb381e3faf3a6..dca3dc2fb2b04e2abf36fafc485d81ad484af77b 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-ellipsis-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-ellipsis-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-emojis-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-emojis-1-snap.png
index c2a96ae73475d8c3c56cc2f4787963678b37153d..3e934f6f6f4e759112b09fa621d90b4b525e1fe1 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-emojis-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-emojis-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-group-split-dropdowns-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-group-split-dropdowns-1-snap.png
index f57f90f89dd318c0ae30b9d69dfd57d2d3ef8355..e38446cc1721e256174a333fd51a7d3cb88b434c 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-group-split-dropdowns-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-group-split-dropdowns-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-label-button-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-label-button-1-snap.png
index 289920ab6affe974166de40144c4fdb81aeb2dd3..2053f6eaf9215a80c1b00a5e17d2490a6f7a4c47 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-label-button-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-label-button-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-drawer-sidebar-variant-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-drawer-sidebar-variant-1-snap.png
index bbae3d15e1d721618e7d973f30bc18b47401fcb2..fc7ad6396339e0ff47a1e5da34d6ee15f84d69ee 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-drawer-sidebar-variant-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-drawer-sidebar-variant-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-drawer-with-actions-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-drawer-with-actions-1-snap.png
index a6fb193226bdb57f9e05f5c1c47da111ee85eaae..9d973e8bbf971ebbb3e12dc0c2e663bc84d624ef 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-drawer-with-actions-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-drawer-with-actions-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-custom-groups-and-items-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-custom-groups-and-items-1-snap.png
index ef3f430f3804b27485979ad2f2053aa79e1e0f39..f4e3a6457b5a4866ee3455aa08df7ce26f530ce3 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-custom-groups-and-items-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-custom-groups-and-items-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-custom-list-item-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-custom-list-item-1-snap.png
index a4377f5164b00794c203327742cd1beb6348f854..cfd092af12c3b1abf0335e07742bdde4e97f6314 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-custom-list-item-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-custom-list-item-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-default-1-snap.png
index f6531a89fe4efbada74c6268a5992657789884ef..85dedf1ce7414750c9ee5d8fd3a0a427d89a6107 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-group-without-label-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-group-without-label-1-snap.png
index 9461c7c50349ff57542c0b9cdf234bcb6999799c..959852d2e2ca6f966396cac134212ccfb33635dc 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-group-without-label-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-group-without-label-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-groups-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-groups-1-snap.png
index 6a86586f25c99fa8866b84a27fcd44d570f0a397..82bda6e9d7a54df0947522070f7443894b364c45 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-groups-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-groups-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-header-actions-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-header-actions-1-snap.png
index 4bad8d1fa8c91b3d4811a4fbdb50aff504cc810c..5ff6f9dc139097d6ac10076497aa75a708389680 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-header-actions-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-header-actions-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-header-and-footer-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-header-and-footer-1-snap.png
index f1eb6c8af61aaeb5be47a029d1ed1d2b9af6bd1a..3861bda3e7e2bac76a0f6018efe230348dace1d6 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-header-and-footer-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-header-and-footer-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-searchable-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-searchable-1-snap.png
index f5dcd61bf845b6909f9e8ed9d361524dfdce29ef..28c9efca00c2b1b06c46bd2361d4479e2dabb2e8 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-searchable-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-searchable-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-searchable-groups-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-searchable-groups-1-snap.png
index f42b40c1db946e99daa3587dd212ba5293694042..0119d318ff9b00f2633c834c9f9663b5ca38f657 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-searchable-groups-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-searchable-groups-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-default-1-snap.png
index 3d63fd9f5a9b762ce71fff2780810eddca6c19b2..684bc3bca370c9ef652becb3ab5cd2a87930825a 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-full-width-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-full-width-1-snap.png
index aa2bb4634c93b07bf42d6ea0fafad34a1933aa50..0f7d30a9c5f6948e84ca57f5ac7e292c64391da7 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-full-width-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-full-width-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-icon-only-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-icon-only-1-snap.png
index 1ae216b48018724e47de015ebecbaf0fc4940291..decf173c7a3032804dc4a534f67916bdbb645ba2 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-icon-only-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-icon-only-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-on-right-edge-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-on-right-edge-1-snap.png
index cf59aa726bd62e2f1755ab3792c27c9e44aea2d8..5911e8791fb4139c9c707bc9a897246aaf69534c 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-on-right-edge-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-on-right-edge-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-secondary-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-secondary-1-snap.png
index f7cabfb89912c256a31e0a211213b52085dce759..cf127e711f43a9deb2915557ac5117086f7f4921 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-secondary-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-secondary-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-avatar-and-secondary-text-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-avatar-and-secondary-text-1-snap.png
index e2d95a1eea7de34c01366b2d6a6ba7ccc2625f8f..64ce60d971f2b6a22fc5ec9af1613e465bae193a 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-avatar-and-secondary-text-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-avatar-and-secondary-text-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-checked-items-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-checked-items-1-snap.png
index 64290e90bfce3203022b9e29539eac94b18454c6..a730d2b55b8f92d40ba30eb4b80b0cd2ca413868 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-checked-items-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-checked-items-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-clear-all-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-clear-all-1-snap.png
index 7cac0c5cfc67bf067e8ab2b94783d5d4c4e25427..2f1eeaef4effc0a81d698d7e9b19698fa5188d22 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-clear-all-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-clear-all-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-divider-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-divider-1-snap.png
index c28c7e75a1f09762e7ee249fd940e45a459838a0..eb126ddd8dbe6332180a6febdca8d1c197b3a34b 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-divider-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-divider-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-form-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-form-1-snap.png
index 1985258cc9ecccffe055400a3947d93c6c85dec8..dc5405205f5591b2152338d8ccb23763a5e6af0b 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-form-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-form-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-header-and-footer-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-header-and-footer-1-snap.png
index f6814a41829635db361d5fb95b99b20be38fcef8..49256aa29f8a0b65fc8b53cd25ffb0f407e37e48 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-header-and-footer-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-header-and-footer-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-highlighted-items-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-highlighted-items-1-snap.png
index fdd8ceb43e4a76756e98ae3fa4df38c2c966826c..9cf2a813346a89bf0d244f3203a4abd3ef7de2dd 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-highlighted-items-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-highlighted-items-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-icons-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-icons-1-snap.png
index 2590f3291d85446b974156d6f7c6a67d81234a8d..c5fd8fe39305cb31524d8f2cb694c30bb3b649c9 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-icons-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-icons-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-item-text-that-does-not-wrap-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-item-text-that-does-not-wrap-1-snap.png
index 19db989a8d62d260f3f13dfcd7a8c8393b809d8b..e8cfe48cad02bdc65354c8a24c6c0056994cf7c1 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-item-text-that-does-not-wrap-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-item-text-that-does-not-wrap-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-loading-state-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-loading-state-1-snap.png
index e8e4f794601a2ab48dfa9b41beae91ff2a511043..11e659519c8bc2d2a0a213f121b858648fbcc262 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-loading-state-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-loading-state-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-long-text-and-narrow-width-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-long-text-and-narrow-width-1-snap.png
index 77780bcf489fe1dafcd29b21f396c8d92384a0a9..ed40bafc8d77ae1e9b5806e8fa5e471d4fcf6bbd 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-long-text-and-narrow-width-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-long-text-and-narrow-width-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-section-header-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-section-header-1-snap.png
index 652436defed36d2c75036fcb4377b14b27560c6b..55a42d1fb24ce74dd62a3795551ca1b343ddd1c7 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-section-header-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-section-header-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-short-text-and-wide-width-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-short-text-and-wide-width-1-snap.png
index c08d1d0f3f5f7ba8380c62e1f32ac9791fffb695..76ee2624866bad565190c0d487f0558c9602364a 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-short-text-and-wide-width-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-short-text-and-wide-width-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-disclosure-dropdown-custom-groups-and-items-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-disclosure-dropdown-custom-groups-and-items-1-snap.png
index 9259671709d732e55c7d224f94f457e7b070a7f2..d1a6e398524687a33db34b818a1ea59369f2c516 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-disclosure-dropdown-custom-groups-and-items-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-disclosure-dropdown-custom-groups-and-items-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-disclosure-dropdown-custom-list-item-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-disclosure-dropdown-custom-list-item-1-snap.png
index 135b045270099d48ea3a9324ba1d2f8345b1515a..d452f1c9e2f49cd375a20525d325448675d3069d 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-disclosure-dropdown-custom-list-item-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-disclosure-dropdown-custom-list-item-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-disclosure-dropdown-groups-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-disclosure-dropdown-groups-1-snap.png
index 74d29cd9435418cae5cb37f9f7321ebc8fdbfc3c..5d9cf20b2849d00511b8d51ad393d5510d18d714 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-disclosure-dropdown-groups-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-disclosure-dropdown-groups-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-disclosure-dropdown-miscellaneous-content-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-disclosure-dropdown-miscellaneous-content-1-snap.png
index 4a41891dd7ece232f11280725e80c5bd4a51e25f..bbf711d3b1a2ac286e35a73f2403a5f53b7069db 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-disclosure-dropdown-miscellaneous-content-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-disclosure-dropdown-miscellaneous-content-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-view-only-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-view-only-1-snap.png
index 52bcdc7393eef68268409cc8b5318b1826e05cbe..81c193724db11cc513f2e116cf4c8bacf3ab1a66 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-view-only-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-view-only-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-with-history-items-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-with-history-items-1-snap.png
index c556a46d83ea66c8e6ae109c4c93860c7789c382..3c85622da0f307f5b17c2c3fe8de9eebea72360f 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-with-history-items-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-filtered-search-with-history-items-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-default-1-snap.png
index a916bd752a90f537fc969375b5ab6c3c527c366d..e93be8c48c3df2672fa17362bdd8ac69e1ad212f 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-fields-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-fields-default-1-snap.png
index 77a1f637cefb2752719da93f6c07074ac5fd4f57..152a21d6f12cc7f65853389f1337640a5f396b1a 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-fields-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-fields-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-input-group-predefined-options-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-input-group-predefined-options-1-snap.png
index c533c087c10b498c4767edb2e495965bdeb83e2d..2bbbbb34d140f87e5c36f7d13bf0d65e881627ba 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-input-group-predefined-options-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-input-group-predefined-options-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-label-with-close-button-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-label-with-close-button-1-snap.png
index b6877a5a90e71b4cf298c412457796c5251d7972..3d41c29730f2515780c32dae4fab33c80b49c2bd 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-label-with-close-button-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-label-with-close-button-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-default-1-snap.png
index bdd41da7c3bd69ca28e387a831a816211dc28c31..26fcaf8e005646c9704b4d14a1f99bdeed93a883 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-with-a-header-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-with-a-header-1-snap.png
index 69b1a3adf2aa7d3601a2bf1b960570b2764c08fd..cffe9ee9ca585a83dbf4e7eca83e190bac326618 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-with-a-header-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-with-a-header-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-with-scrolling-content-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-with-scrolling-content-1-snap.png
index 057695a4033b55cf679cad404aeec28f906a2a3f..3fe3bb2c0a8ccd4854a2a8a58a149bbeab3c7a0b 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-with-scrolling-content-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-with-scrolling-content-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-without-focus-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-without-focus-1-snap.png
index 9cf189722c4db1e211edbd7bd89130bc68f52b89..af853c06745b8968a13d713e60de8a48281ffbd2 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-without-focus-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-without-focus-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-segmented-control-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-segmented-control-default-1-snap.png
index 21f098aacdf5c0ab34770bfb29247045f2329e33..af92702539f4aadc2d798944ee816a20744c5e42 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-segmented-control-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-segmented-control-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-sorting-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-sorting-default-1-snap.png
index c93b41ac581a6bfe7692d12350f398962b4cfa90..9abd586537ed3f5484cd704b3ec7d1c5761fb1ce 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-sorting-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-sorting-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-default-1-snap.png
index 5f7a65978a313a8532417adf8f422c4fea850693..cc656e9270bbcd81acdeecf39c9465b759a9ef9b 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-with-actions-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-with-actions-1-snap.png
index c82f3996613d0c36d773781b6f1a75953dc590fe..5807c1bd68cddbe65866b40a878da62237281ad3 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-with-actions-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-with-actions-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-with-long-content-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-with-long-content-1-snap.png
index 9f570e355fd60739a4275ff0912c703fdf1f2b22..7065364091b9da2eff86321377cc875c7766f51a 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-with-long-content-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toast-with-long-content-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-bottom-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-bottom-1-snap.png
index 59b53d372beac22e17f7d28d47fb1d78691701e6..e174ef3b7972b983d376deeae095a6f86db16f83 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-bottom-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-bottom-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-left-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-left-1-snap.png
index f801dc9d52373e2e646d0dd319810a1b04959366..d01348e10f3f773ee2effa6c754ece83b6f62921 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-left-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-left-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-right-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-right-1-snap.png
index 66217f636453fc75ce1d8ee41ebb0490d3fffcd8..4976ba9c20b032ab2b2560821592271515fe91fe 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-right-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-right-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-top-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-top-default-1-snap.png
index c4f9b5f1da581313faf785a5a4c5bd45d05079a0..857c973418c46d56d7f3f4b05ee0cbb764a508a6 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-top-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tooltip-top-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-conversation-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-conversation-default-1-snap.png
index 9d3ca7a5b8e5d211a7ee944465726fddbbf48e43..b1bde7d0bd9df2b68e5212c837a6edfeb5cb82e2 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-conversation-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-conversation-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-conversation-multiple-conversations-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-conversation-multiple-conversations-1-snap.png
index a9814a9c5da3fcb1d8fd24488f8094a29e5d63b4..662cc997e5f421eace7fa65a45a6efc21cb8281f 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-conversation-multiple-conversations-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-conversation-multiple-conversations-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-default-1-snap.png
index a8e552d8e54b073ca593da8be2fd9df08f6e1181..3f05a58e020ef4b905ed57fa465987a479eee60e 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-interactive-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-interactive-1-snap.png
index f25a9b6a4fe603ec2dec61c8c30444aa30e0bc5c..a22c69478e594ee884c1562b8f376992621a6389 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-interactive-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-interactive-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-message-response-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-message-response-1-snap.png
index e62a5baf017455203d67a6834421fb70d3b379cf..c9b566dcb17be66f2baff80f190e604c17431e6d 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-message-response-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-message-response-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-predefined-prompts-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-predefined-prompts-default-1-snap.png
index 6cc088386c40b4349ae29ed532e3c5cef53ecb48..9b92d87bce06d8198ac64bc03657195f32290011 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-predefined-prompts-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-predefined-prompts-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-slots-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-slots-1-snap.png
index e4ac29af39de1d7a0ee75393babd57ee10353da9..7f062c77116913735af53e897ce8f46d2d37b1f2 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-slots-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-chat-duo-chat-slots-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-workflow-duo-workflow-prompt-default-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-workflow-duo-workflow-prompt-default-1-snap.png
index ae1297fc489e1619976e3cbd5f6ad5fde2d6c619..1bea2cc8939e1bec3ddfed8ce04db39de5ecc5c3 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-workflow-duo-workflow-prompt-default-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-experimental-duo-workflow-duo-workflow-prompt-default-1-snap.png differ
diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-custom-actions-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-custom-actions-1-snap.png
index ec4279888aa1f3c1a28192804804fc3a2510ed1a..8fed62eacb026b76e5f3fb2d636027e012f4dac5 100644
Binary files a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-custom-actions-1-snap.png and b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-custom-actions-1-snap.png differ