diff --git a/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png
index b840992adeab..ebc9bbeedcc8 100644
Binary files a/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png differ
diff --git a/__snapshots__/button/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
index 4469471f126d..9f7aadbf9b99 100644
--- a/__snapshots__/button/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
+++ b/__snapshots__/button/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
@@ -4,30 +4,30 @@
   - button "Functional"
   - button "(Default) Regular"
   - button "Expressive"
-  - link "Variant"
-  - button "(Default) Outlined - Adaptive"
-  - button "Filled - Adaptive"
-  - button "Ghost - Adaptive"
-  - button "Brand"
   - link "Disabled"
   - button "(Default) False"
   - button "True" [disabled]
-  - link "Size"
-  - button "(Default) Medium"
-  - button "Small"
-  - link "Show Icon Leading"
+  - link "Multi-line Text With Line Breaks"
+  - button "Multi-line Text With Automatic Line Breaks"
+  - button "Multi-line Text With Automatic Line Breaks and Icon"
+  - button "Button Small Multi-line Text With Automatic Line Breaks"
+  - link "No Text"
   - button "(Default) False"
   - button "True"
-  - link "Show Icon Trailing"
+  - link "Show Icon Leading"
   - button "(Default) False"
   - button "True"
-  - link "No Text"
+  - link "Show Icon Trailing"
   - button "(Default) False"
   - button "True"
+  - link "Size"
+  - button "(Default) Medium"
+  - button "Small"
+  - link "Variant"
+  - button "(Default) Outlined - Adaptive"
+  - button "Filled - Adaptive"
+  - button "Ghost - Adaptive"
+  - button "Brand"
   - link "Width"
   - button "(Default) Auto"
-  - button "Width"
-  - link "Multi-line Text With Line Breaks"
-  - button "Multi-line Text With Automatic Line Breaks"
-  - button "Multi-line Text With Automatic Line Breaks and Icon"
-  - button "Button Small Multi-line Text With Automatic Line Breaks"
\ No newline at end of file
+  - button "Width"
\ No newline at end of file
diff --git a/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png
index 3a47fedb7b6e..c52a3ef862d1 100644
Binary files a/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png differ
diff --git a/__snapshots__/button/showcase/chromium/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/chromium/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
index 4469471f126d..9f7aadbf9b99 100644
--- a/__snapshots__/button/showcase/chromium/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
+++ b/__snapshots__/button/showcase/chromium/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
@@ -4,30 +4,30 @@
   - button "Functional"
   - button "(Default) Regular"
   - button "Expressive"
-  - link "Variant"
-  - button "(Default) Outlined - Adaptive"
-  - button "Filled - Adaptive"
-  - button "Ghost - Adaptive"
-  - button "Brand"
   - link "Disabled"
   - button "(Default) False"
   - button "True" [disabled]
-  - link "Size"
-  - button "(Default) Medium"
-  - button "Small"
-  - link "Show Icon Leading"
+  - link "Multi-line Text With Line Breaks"
+  - button "Multi-line Text With Automatic Line Breaks"
+  - button "Multi-line Text With Automatic Line Breaks and Icon"
+  - button "Button Small Multi-line Text With Automatic Line Breaks"
+  - link "No Text"
   - button "(Default) False"
   - button "True"
-  - link "Show Icon Trailing"
+  - link "Show Icon Leading"
   - button "(Default) False"
   - button "True"
-  - link "No Text"
+  - link "Show Icon Trailing"
   - button "(Default) False"
   - button "True"
+  - link "Size"
+  - button "(Default) Medium"
+  - button "Small"
+  - link "Variant"
+  - button "(Default) Outlined - Adaptive"
+  - button "Filled - Adaptive"
+  - button "Ghost - Adaptive"
+  - button "Brand"
   - link "Width"
   - button "(Default) Auto"
-  - button "Width"
-  - link "Multi-line Text With Line Breaks"
-  - button "Multi-line Text With Automatic Line Breaks"
-  - button "Multi-line Text With Automatic Line Breaks and Icon"
-  - button "Button Small Multi-line Text With Automatic Line Breaks"
\ No newline at end of file
+  - button "Width"
\ No newline at end of file
diff --git a/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png
index 3a2fab3d534c..9e899a31e236 100644
Binary files a/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png differ
diff --git a/__snapshots__/button/showcase/firefox/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/firefox/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
index 4469471f126d..9f7aadbf9b99 100644
--- a/__snapshots__/button/showcase/firefox/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
+++ b/__snapshots__/button/showcase/firefox/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
@@ -4,30 +4,30 @@
   - button "Functional"
   - button "(Default) Regular"
   - button "Expressive"
-  - link "Variant"
-  - button "(Default) Outlined - Adaptive"
-  - button "Filled - Adaptive"
-  - button "Ghost - Adaptive"
-  - button "Brand"
   - link "Disabled"
   - button "(Default) False"
   - button "True" [disabled]
-  - link "Size"
-  - button "(Default) Medium"
-  - button "Small"
-  - link "Show Icon Leading"
+  - link "Multi-line Text With Line Breaks"
+  - button "Multi-line Text With Automatic Line Breaks"
+  - button "Multi-line Text With Automatic Line Breaks and Icon"
+  - button "Button Small Multi-line Text With Automatic Line Breaks"
+  - link "No Text"
   - button "(Default) False"
   - button "True"
-  - link "Show Icon Trailing"
+  - link "Show Icon Leading"
   - button "(Default) False"
   - button "True"
-  - link "No Text"
+  - link "Show Icon Trailing"
   - button "(Default) False"
   - button "True"
+  - link "Size"
+  - button "(Default) Medium"
+  - button "Small"
+  - link "Variant"
+  - button "(Default) Outlined - Adaptive"
+  - button "Filled - Adaptive"
+  - button "Ghost - Adaptive"
+  - button "Brand"
   - link "Width"
   - button "(Default) Auto"
-  - button "Width"
-  - link "Multi-line Text With Line Breaks"
-  - button "Multi-line Text With Automatic Line Breaks"
-  - button "Multi-line Text With Automatic Line Breaks and Icon"
-  - button "Button Small Multi-line Text With Automatic Line Breaks"
\ No newline at end of file
+  - button "Width"
\ No newline at end of file
diff --git a/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png
index a649303e3882..1a7f8b69d502 100644
Binary files a/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png differ
diff --git a/__snapshots__/button/showcase/mobile-chrome/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/mobile-chrome/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
index 4469471f126d..9f7aadbf9b99 100644
--- a/__snapshots__/button/showcase/mobile-chrome/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
+++ b/__snapshots__/button/showcase/mobile-chrome/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
@@ -4,30 +4,30 @@
   - button "Functional"
   - button "(Default) Regular"
   - button "Expressive"
-  - link "Variant"
-  - button "(Default) Outlined - Adaptive"
-  - button "Filled - Adaptive"
-  - button "Ghost - Adaptive"
-  - button "Brand"
   - link "Disabled"
   - button "(Default) False"
   - button "True" [disabled]
-  - link "Size"
-  - button "(Default) Medium"
-  - button "Small"
-  - link "Show Icon Leading"
+  - link "Multi-line Text With Line Breaks"
+  - button "Multi-line Text With Automatic Line Breaks"
+  - button "Multi-line Text With Automatic Line Breaks and Icon"
+  - button "Button Small Multi-line Text With Automatic Line Breaks"
+  - link "No Text"
   - button "(Default) False"
   - button "True"
-  - link "Show Icon Trailing"
+  - link "Show Icon Leading"
   - button "(Default) False"
   - button "True"
-  - link "No Text"
+  - link "Show Icon Trailing"
   - button "(Default) False"
   - button "True"
+  - link "Size"
+  - button "(Default) Medium"
+  - button "Small"
+  - link "Variant"
+  - button "(Default) Outlined - Adaptive"
+  - button "Filled - Adaptive"
+  - button "Ghost - Adaptive"
+  - button "Brand"
   - link "Width"
   - button "(Default) Auto"
-  - button "Width"
-  - link "Multi-line Text With Line Breaks"
-  - button "Multi-line Text With Automatic Line Breaks"
-  - button "Multi-line Text With Automatic Line Breaks and Icon"
-  - button "Button Small Multi-line Text With Automatic Line Breaks"
\ No newline at end of file
+  - button "Width"
\ No newline at end of file
diff --git a/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png
index f237b6c56e5b..566967a7756c 100644
Binary files a/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png differ
diff --git a/__snapshots__/button/showcase/mobile-safari/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/mobile-safari/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
index 4469471f126d..9f7aadbf9b99 100644
--- a/__snapshots__/button/showcase/mobile-safari/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
+++ b/__snapshots__/button/showcase/mobile-safari/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
@@ -4,30 +4,30 @@
   - button "Functional"
   - button "(Default) Regular"
   - button "Expressive"
-  - link "Variant"
-  - button "(Default) Outlined - Adaptive"
-  - button "Filled - Adaptive"
-  - button "Ghost - Adaptive"
-  - button "Brand"
   - link "Disabled"
   - button "(Default) False"
   - button "True" [disabled]
-  - link "Size"
-  - button "(Default) Medium"
-  - button "Small"
-  - link "Show Icon Leading"
+  - link "Multi-line Text With Line Breaks"
+  - button "Multi-line Text With Automatic Line Breaks"
+  - button "Multi-line Text With Automatic Line Breaks and Icon"
+  - button "Button Small Multi-line Text With Automatic Line Breaks"
+  - link "No Text"
   - button "(Default) False"
   - button "True"
-  - link "Show Icon Trailing"
+  - link "Show Icon Leading"
   - button "(Default) False"
   - button "True"
-  - link "No Text"
+  - link "Show Icon Trailing"
   - button "(Default) False"
   - button "True"
+  - link "Size"
+  - button "(Default) Medium"
+  - button "Small"
+  - link "Variant"
+  - button "(Default) Outlined - Adaptive"
+  - button "Filled - Adaptive"
+  - button "Ghost - Adaptive"
+  - button "Brand"
   - link "Width"
   - button "(Default) Auto"
-  - button "Width"
-  - link "Multi-line Text With Line Breaks"
-  - button "Multi-line Text With Automatic Line Breaks"
-  - button "Multi-line Text With Automatic Line Breaks and Icon"
-  - button "Button Small Multi-line Text With Automatic Line Breaks"
\ No newline at end of file
+  - button "Width"
\ No newline at end of file
diff --git a/__snapshots__/button/showcase/webkit/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/webkit/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
index 4469471f126d..9f7aadbf9b99 100644
--- a/__snapshots__/button/showcase/webkit/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
+++ b/__snapshots__/button/showcase/webkit/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
@@ -4,30 +4,30 @@
   - button "Functional"
   - button "(Default) Regular"
   - button "Expressive"
-  - link "Variant"
-  - button "(Default) Outlined - Adaptive"
-  - button "Filled - Adaptive"
-  - button "Ghost - Adaptive"
-  - button "Brand"
   - link "Disabled"
   - button "(Default) False"
   - button "True" [disabled]
-  - link "Size"
-  - button "(Default) Medium"
-  - button "Small"
-  - link "Show Icon Leading"
+  - link "Multi-line Text With Line Breaks"
+  - button "Multi-line Text With Automatic Line Breaks"
+  - button "Multi-line Text With Automatic Line Breaks and Icon"
+  - button "Button Small Multi-line Text With Automatic Line Breaks"
+  - link "No Text"
   - button "(Default) False"
   - button "True"
-  - link "Show Icon Trailing"
+  - link "Show Icon Leading"
   - button "(Default) False"
   - button "True"
-  - link "No Text"
+  - link "Show Icon Trailing"
   - button "(Default) False"
   - button "True"
+  - link "Size"
+  - button "(Default) Medium"
+  - button "Small"
+  - link "Variant"
+  - button "(Default) Outlined - Adaptive"
+  - button "Filled - Adaptive"
+  - button "Ghost - Adaptive"
+  - button "Brand"
   - link "Width"
   - button "(Default) Auto"
-  - button "Width"
-  - link "Multi-line Text With Line Breaks"
-  - button "Multi-line Text With Automatic Line Breaks"
-  - button "Multi-line Text With Automatic Line Breaks and Icon"
-  - button "Button Small Multi-line Text With Automatic Line Breaks"
\ No newline at end of file
+  - button "Width"
\ No newline at end of file