diff --git a/packages/code-studio/src/styleguide/Buttons.tsx b/packages/code-studio/src/styleguide/Buttons.tsx
index 0d36dbeac..c02a27f4c 100644
--- a/packages/code-studio/src/styleguide/Buttons.tsx
+++ b/packages/code-studio/src/styleguide/Buttons.tsx
@@ -1,5 +1,10 @@
 import React, { Component, ReactElement } from 'react';
-import { Button, SocketedButton, Flex } from '@deephaven/components';
+import {
+  Button,
+  SocketedButton,
+  Flex,
+  ButtonGroup,
+} from '@deephaven/components';
 
 import { dhTruck } from '@deephaven/icons';
 import SampleSection from './SampleSection';
@@ -17,7 +22,7 @@ class Buttons extends Component<Record<string, never>, ButtonsState> {
       <>
         <h5>Button Kinds</h5>
         <SampleSection name="buttons-regular" style={{ padding: '1rem 0' }}>
-          <Flex gap="size-100">
+          <ButtonGroup>
             <Button kind="primary" onClick={noOp}>
               Primary
             </Button>
@@ -39,7 +44,7 @@ class Buttons extends Component<Record<string, never>, ButtonsState> {
             <Button kind="ghost" onClick={noOp}>
               Ghost
             </Button>
-          </Flex>
+          </ButtonGroup>
         </SampleSection>
       </>
     );
@@ -74,41 +79,21 @@ class Buttons extends Component<Record<string, never>, ButtonsState> {
     return (
       <SampleSection name="buttons-socketed">
         <h5>Socketed Buttons (for linker)</h5>
-        <SocketedButton
-          style={{ marginBottom: '1rem', marginRight: '1rem' }}
-          onClick={noOp}
-        >
-          Unlinked
-        </SocketedButton>
-        <SocketedButton
-          style={{ marginBottom: '1rem', marginRight: '1rem' }}
-          isLinked
-          onClick={noOp}
-        >
-          Linked
-        </SocketedButton>
-        <SocketedButton
-          style={{ marginBottom: '1rem', marginRight: '1rem' }}
-          isLinkedSource
-          onClick={noOp}
-        >
-          Linked Source
-        </SocketedButton>
-        <SocketedButton
-          style={{ marginBottom: '1rem', marginRight: '1rem' }}
-          isLinked
-          isInvalid
-          onClick={noOp}
-        >
-          Error
-        </SocketedButton>
-        <SocketedButton
-          style={{ marginBottom: '1rem', marginRight: '1rem' }}
-          disabled
-          onClick={noOp}
-        >
-          Disabled
-        </SocketedButton>
+        <ButtonGroup marginBottom="1rem">
+          <SocketedButton onClick={noOp}>Unlinked</SocketedButton>
+          <SocketedButton isLinked onClick={noOp}>
+            Linked
+          </SocketedButton>
+          <SocketedButton isLinkedSource onClick={noOp}>
+            Linked Source
+          </SocketedButton>
+          <SocketedButton isLinked isInvalid onClick={noOp}>
+            Error
+          </SocketedButton>
+          <SocketedButton disabled onClick={noOp}>
+            Disabled
+          </SocketedButton>
+        </ButtonGroup>
       </SampleSection>
     );
   }
diff --git a/packages/components/src/Button.tsx b/packages/components/src/Button.tsx
index 77907cf8a..a516ed59a 100644
--- a/packages/components/src/Button.tsx
+++ b/packages/components/src/Button.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { useSlotProps } from '@react-spectrum/utils';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
@@ -83,7 +84,7 @@ function getVariantClasses(kind: VariantKind): string {
   }
 }
 
-const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
   (props: ButtonProps, ref) => {
     const {
       kind,
@@ -109,6 +110,16 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
       ...rest
     } = props;
 
+    // Spectrum container components such as `ButtonGroup` provide
+    // UNSAFE_className prop for the `button` slot via a SlotProvider (
+    // https://github.com/adobe/react-spectrum/blob/%40adobe/react-spectrum%403.33.1/packages/%40react-spectrum/buttongroup/src/ButtonGroup.tsx#L104-L107)
+    // This can be retrieved via `useSlotProps` to allow our buttons to be styled
+    // correctly inside the container.
+    const { UNSAFE_className } = useSlotProps<{ UNSAFE_className?: string }>(
+      {},
+      'button'
+    );
+
     let variantClassName;
     if (variant) {
       variantClassName = getVariantClasses(variant);
@@ -157,7 +168,8 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
           btnClassName,
           variantClassName,
           { active },
-          className
+          className,
+          UNSAFE_className
         )}
         onClick={onClick}
         onContextMenu={onContextMenu}
diff --git a/packages/components/src/SocketedButton.tsx b/packages/components/src/SocketedButton.tsx
index a55c8e46a..39f3d7d8f 100644
--- a/packages/components/src/SocketedButton.tsx
+++ b/packages/components/src/SocketedButton.tsx
@@ -1,7 +1,8 @@
 import React from 'react';
 import classNames from 'classnames';
-import { dhExclamation, vsLink } from '@deephaven/icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { useSlotProps } from '@react-spectrum/utils';
+import { dhExclamation, vsLink } from '@deephaven/icons';
 
 import './SocketedButton.scss';
 
@@ -36,6 +37,17 @@ const SocketedButton = React.forwardRef<HTMLButtonElement, SocketedButtonProps>(
       style,
       'data-testid': dataTestId,
     } = props;
+
+    // Spectrum container components such as `ButtonGroup` provide
+    // UNSAFE_className prop for the `button` slot via a SlotProvider (
+    // https://github.com/adobe/react-spectrum/blob/%40adobe/react-spectrum%403.33.1/packages/%40react-spectrum/buttongroup/src/ButtonGroup.tsx#L104-L107)
+    // This can be retrieved via `useSlotProps` to allow our buttons to be styled
+    // correctly inside the container.
+    const { UNSAFE_className } = useSlotProps<{ UNSAFE_className?: string }>(
+      {},
+      'button'
+    );
+
     return (
       <button
         ref={ref}
@@ -48,7 +60,8 @@ const SocketedButton = React.forwardRef<HTMLButtonElement, SocketedButtonProps>(
           },
           { 'btn-socketed-linked-source': isLinkedSource },
           { 'is-invalid': isInvalid },
-          className
+          className,
+          UNSAFE_className
         )}
         id={id}
         onClick={onClick}
diff --git a/packages/components/src/index.ts b/packages/components/src/index.ts
index e32177aa0..5957900c6 100644
--- a/packages/components/src/index.ts
+++ b/packages/components/src/index.ts
@@ -3,7 +3,7 @@ export * from './actions';
 export { default as AutoCompleteInput } from './AutoCompleteInput';
 export { default as AutoResizeTextarea } from './AutoResizeTextarea';
 export { default as BasicModal } from './BasicModal';
-export { default as Button } from './Button';
+export * from './Button';
 export * from './BulkActionBar';
 export { default as CardFlip } from './CardFlip';
 export * from './context-actions';
diff --git a/packages/components/src/spectrum/buttons.ts b/packages/components/src/spectrum/buttons.ts
index 2f3697199..06bf79cf6 100644
--- a/packages/components/src/spectrum/buttons.ts
+++ b/packages/components/src/spectrum/buttons.ts
@@ -2,7 +2,8 @@ export {
   ActionButton,
   type SpectrumActionButtonProps as ActionButtonProps,
   // Button - we want to use our own `Button` component instead of Spectrum's
-  // ButtonGroup - will re-export once our `Button` is compatible
+  ButtonGroup,
+  type SpectrumButtonGroupProps as ButtonGroupProps,
   // FileTrigger - we aren't planning to support this component
   LogicButton,
   type SpectrumLogicButtonProps as LogicButtonProps,
diff --git a/packages/components/src/theme/theme-spectrum/theme-spectrum-overrides.css b/packages/components/src/theme/theme-spectrum/theme-spectrum-overrides.css
index 1a716590b..f0c064de7 100644
--- a/packages/components/src/theme/theme-spectrum/theme-spectrum-overrides.css
+++ b/packages/components/src/theme/theme-spectrum/theme-spectrum-overrides.css
@@ -65,7 +65,13 @@ svg[class*='spectrum-Textfield-validationIcon'] {
   );
 }
 
-button[class*='spectrum-Button'] {
+/**
+  Adjust Spectrum button text and icon alignment to account for DH using a
+  different font and smaller icons. Spectrum `ButtonGroup` will add additional
+  `-spectrum-ButtonGroup` classes to child buttons (including DH ones), so we
+  explicitly exclude our buttons from the selector.
+  */
+button[class*='spectrum-Button']:not(.btn):not(.btn-socketed) {
   /* make the icon closer to the text */
   --spectrum-button-primary-text-gap: var(--spectrum-global-dimension-size-75);
 
@@ -73,9 +79,11 @@ button[class*='spectrum-Button'] {
   padding-bottom: calc(var(--spectrum-global-dimension-size-50) - 1px);
   padding-top: calc(var(--spectrum-global-dimension-size-50));
 }
-
-button[class*='spectrum-Button'] svg {
-  /* our icons are smaller, center them too */
+button[class*='spectrum-Button']:not(.btn):not(.btn-socketed) svg {
+  /* 
+    We use smaller icons than Spectrum, so we need to adjust the padding to 
+    center when we use our icons inside of Spectrum buttons.
+    */
   padding-bottom: var(--spectrum-global-dimension-size-25);
 }
 
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-0-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-0-chromium-linux.png
index 8f8aa84a1..5bc170d4a 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-0-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-0-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-0-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-0-firefox-linux.png
index 3522c13ee..3bb9e13a9 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-0-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-0-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-0-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-0-webkit-linux.png
index 8fe505610..f146f35cb 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-0-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-0-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-1-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-1-chromium-linux.png
index 1b8af9e0c..808a22642 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-1-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-1-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-1-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-1-firefox-linux.png
index c0b5265a1..0caf30b13 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-1-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-1-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-1-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-1-webkit-linux.png
index d4e40108e..27af2ab57 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-1-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-1-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-2-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-2-chromium-linux.png
index d7a3d6a51..1bedb0fbb 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-2-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-2-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-2-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-2-firefox-linux.png
index f9a522f26..3166ecd80 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-2-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-2-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-2-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-2-webkit-linux.png
index 0afb0c1fd..c120cba45 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-2-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-2-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-3-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-3-chromium-linux.png
index 6abbc941b..2717e8fe4 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-3-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-3-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-3-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-3-firefox-linux.png
index 6a3ed893c..9e1ed2de6 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-3-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-3-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-3-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-3-webkit-linux.png
index c1044cc71..8fe4d4d8c 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-3-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-3-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-4-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-4-chromium-linux.png
index ab5082527..2b2a06c47 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-4-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-4-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-4-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-4-firefox-linux.png
index 8c9dae96d..3a3562a96 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-4-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-4-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-4-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-4-webkit-linux.png
index f0a841672..50e768244 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-4-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-4-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-5-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-5-chromium-linux.png
index 3a3c77459..325673e45 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-5-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-5-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-5-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-5-firefox-linux.png
index d75492c57..7c91de388 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-5-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-5-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-5-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-5-webkit-linux.png
index 6170e45f6..e5db74aac 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-5-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-5-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-6-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-6-chromium-linux.png
index 5fcf01b51..550b776ce 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-6-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-6-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-6-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-6-firefox-linux.png
index 3a30a20fd..8fbd8d6e6 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-6-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-6-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-6-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-6-webkit-linux.png
index 5db5df890..44863748a 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-6-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-regular-6-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-0-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-0-chromium-linux.png
index c7ad86d2c..21eacf84c 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-0-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-0-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-0-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-0-firefox-linux.png
index b5832c064..617393d83 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-0-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-0-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-0-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-0-webkit-linux.png
index 3e2ac0507..7fac159b3 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-0-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-0-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-1-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-1-chromium-linux.png
index 6d872926f..f51864678 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-1-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-1-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-1-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-1-firefox-linux.png
index a35fcab1d..f64dd6ac5 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-1-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-1-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-1-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-1-webkit-linux.png
index 573da7132..a8e6c6301 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-1-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-1-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-2-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-2-chromium-linux.png
index 205e08ac0..dc054432b 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-2-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-2-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-2-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-2-firefox-linux.png
index 04fe392ad..f73e3a605 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-2-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-2-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-2-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-2-webkit-linux.png
index 469d47200..42eb1ed74 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-2-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-2-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-3-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-3-chromium-linux.png
index c6bc37773..d454fdac4 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-3-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-3-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-3-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-3-firefox-linux.png
index 751a100da..a47741bb1 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-3-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-3-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-3-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-3-webkit-linux.png
index 4814e552c..c2d4f4303 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-3-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-3-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-4-disabled-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-4-disabled-chromium-linux.png
index 6dccb3fba..5e44d7c03 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-4-disabled-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-4-disabled-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-4-disabled-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-4-disabled-firefox-linux.png
index 88ce140b1..8e779e64c 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-4-disabled-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-4-disabled-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-4-disabled-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-4-disabled-webkit-linux.png
index 29918647e..c0b9799f3 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-4-disabled-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-sample-section-buttons-socketed-4-disabled-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-0-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-0-chromium-linux.png
index aeb7e8fae..83fdb5ffd 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-0-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-0-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-0-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-0-firefox-linux.png
index 0da52ccf5..f1d94569b 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-0-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-0-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-0-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-0-webkit-linux.png
index 30f66e5e3..639d2211e 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-0-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-0-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-1-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-1-chromium-linux.png
index 6756881e8..13cd3a659 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-1-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-1-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-1-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-1-firefox-linux.png
index 8763d86ae..f1234935c 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-1-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-1-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-1-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-1-webkit-linux.png
index a4a168664..932263ee4 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-1-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-1-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-2-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-2-chromium-linux.png
index 4d9466c9f..c90dd42bd 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-2-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-2-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-2-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-2-firefox-linux.png
index 07b26e19a..d7139cdce 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-2-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-2-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-2-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-2-webkit-linux.png
index a382b738a..aaf1bce52 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-2-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-2-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-3-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-3-chromium-linux.png
index eeb3d7f6e..5cafe9cc3 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-3-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-3-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-3-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-3-firefox-linux.png
index 330560735..1a650bbc2 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-3-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-3-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-3-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-3-webkit-linux.png
index df77f7fdc..ac1b8cf26 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-3-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-3-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-4-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-4-chromium-linux.png
index b9c798a86..a2ca06095 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-4-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-4-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-4-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-4-firefox-linux.png
index 147d28ce1..863c6ee38 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-4-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-4-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-4-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-4-webkit-linux.png
index c8a0a51f8..7ebcacbb0 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-4-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-4-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-5-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-5-chromium-linux.png
index a42b74f6b..aee30ef49 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-5-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-5-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-5-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-5-firefox-linux.png
index ae440a1b4..0b8df9cf9 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-5-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-5-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-5-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-5-webkit-linux.png
index cc4e5b574..8063bc889 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-5-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-5-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-6-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-6-chromium-linux.png
index b77778f01..c0e768576 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-6-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-6-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-6-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-6-firefox-linux.png
index 2fb24301a..408e390c1 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-6-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-6-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-6-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-6-webkit-linux.png
index 2527b84ab..cf2f2570b 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-6-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-regular-6-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-0-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-0-chromium-linux.png
index 6db976cac..420fa2590 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-0-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-0-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-0-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-0-firefox-linux.png
index f4f4f462c..4e3442dea 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-0-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-0-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-0-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-0-webkit-linux.png
index 80734c712..71b7dc8c7 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-0-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-0-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-1-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-1-chromium-linux.png
index 2da9fe692..729860fce 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-1-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-1-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-1-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-1-firefox-linux.png
index daa5fd1c5..a92531c31 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-1-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-1-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-1-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-1-webkit-linux.png
index ac8c00dc4..3b0e07b3f 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-1-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-1-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-2-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-2-chromium-linux.png
index a814ec057..af2ca6957 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-2-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-2-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-2-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-2-firefox-linux.png
index 6afea2d0b..8916c624a 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-2-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-2-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-2-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-2-webkit-linux.png
index dee26b584..75171d2fc 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-2-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-2-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-3-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-3-chromium-linux.png
index 4c52075c8..a32389186 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-3-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-3-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-3-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-3-firefox-linux.png
index d59fe2f34..c68572d00 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-3-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-3-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-3-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-3-webkit-linux.png
index b26a950c4..f730d80a7 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-3-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-3-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-4-disabled-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-4-disabled-chromium-linux.png
index 6dccb3fba..5e44d7c03 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-4-disabled-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-4-disabled-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-4-disabled-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-4-disabled-firefox-linux.png
index 88ce140b1..8e779e64c 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-4-disabled-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-4-disabled-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-4-disabled-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-4-disabled-webkit-linux.png
index 29918647e..c0b9799f3 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-4-disabled-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-sample-section-buttons-socketed-4-disabled-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-regular-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-regular-chromium-linux.png
index 514b33641..e9d7040bc 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-regular-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-regular-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-regular-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-regular-firefox-linux.png
index 7ec5ca4f9..66bb98c2e 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-regular-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-regular-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-regular-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-regular-webkit-linux.png
index fd6417257..06d259d30 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-regular-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-regular-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-socketed-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-socketed-chromium-linux.png
index b4fbeec92..e45afb80d 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-socketed-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-socketed-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-socketed-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-socketed-firefox-linux.png
index 88ce140b1..8e779e64c 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-socketed-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-socketed-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-socketed-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-socketed-webkit-linux.png
index 29918647e..c0b9799f3 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-socketed-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-socketed-webkit-linux.png differ