diff --git a/__snapshots__/button/component/chromium/DBButton-should-match-screenshot-for-variant-brand.png b/__snapshots__/button/component/chromium/DBButton-should-match-screenshot-for-variant-brand.png
index 24b3c2deb86..75ae2b0af8a 100644
Binary files a/__snapshots__/button/component/chromium/DBButton-should-match-screenshot-for-variant-brand.png and b/__snapshots__/button/component/chromium/DBButton-should-match-screenshot-for-variant-brand.png differ
diff --git a/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-brand.png b/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-brand.png
index cf87768bdb3..56b17dbe255 100644
Binary files a/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-brand.png and b/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-brand.png differ
diff --git a/__snapshots__/button/component/firefox/DBButton-should-match-screenshot-for-variant-brand.png b/__snapshots__/button/component/firefox/DBButton-should-match-screenshot-for-variant-brand.png
index 8de6b5c6606..be914bceeac 100644
Binary files a/__snapshots__/button/component/firefox/DBButton-should-match-screenshot-for-variant-brand.png and b/__snapshots__/button/component/firefox/DBButton-should-match-screenshot-for-variant-brand.png differ
diff --git a/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-brand.png b/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-brand.png
index cd1c72ae606..43f4e7df9a2 100644
Binary files a/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-brand.png and b/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-brand.png differ
diff --git a/__snapshots__/button/component/mobile-chrome/DBButton-should-match-screenshot-for-variant-brand.png b/__snapshots__/button/component/mobile-chrome/DBButton-should-match-screenshot-for-variant-brand.png
index 24b3c2deb86..75ae2b0af8a 100644
Binary files a/__snapshots__/button/component/mobile-chrome/DBButton-should-match-screenshot-for-variant-brand.png and b/__snapshots__/button/component/mobile-chrome/DBButton-should-match-screenshot-for-variant-brand.png differ
diff --git a/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-brand.png b/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-brand.png
index cf87768bdb3..56b17dbe255 100644
Binary files a/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-brand.png and b/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-brand.png differ
diff --git a/__snapshots__/button/showcase/chromium/regular/neutral/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/chromium/regular/neutral/DBButton-should-match-screenshot.png
index 354ae0ba89d..87e0a0aa3a8 100644
Binary files a/__snapshots__/button/showcase/chromium/regular/neutral/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/chromium/regular/neutral/DBButton-should-match-screenshot.png differ
diff --git a/__snapshots__/button/showcase/firefox/regular/neutral/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/firefox/regular/neutral/DBButton-should-match-screenshot.png
index 404a8f184dd..2a1b5f9c513 100644
Binary files a/__snapshots__/button/showcase/firefox/regular/neutral/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/firefox/regular/neutral/DBButton-should-match-screenshot.png differ
diff --git a/__snapshots__/button/showcase/mobile-chrome/regular/neutral/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/mobile-chrome/regular/neutral/DBButton-should-match-screenshot.png
index 102a14961b0..3de4d7f5f39 100644
Binary files a/__snapshots__/button/showcase/mobile-chrome/regular/neutral/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/mobile-chrome/regular/neutral/DBButton-should-match-screenshot.png differ
diff --git a/__snapshots__/button/showcase/mobile-safari/regular/neutral/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/mobile-safari/regular/neutral/DBButton-should-match-screenshot.png
index 50cbd1a478c..f9259feac7c 100644
Binary files a/__snapshots__/button/showcase/mobile-safari/regular/neutral/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/mobile-safari/regular/neutral/DBButton-should-match-screenshot.png differ
diff --git a/__snapshots__/button/showcase/webkit/regular/neutral/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/webkit/regular/neutral/DBButton-should-match-screenshot.png
index 83c2ad0036f..3f533b357f3 100644
Binary files a/__snapshots__/button/showcase/webkit/regular/neutral/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/webkit/regular/neutral/DBButton-should-match-screenshot.png differ
diff --git a/packages/components/src/components/button/button.scss b/packages/components/src/components/button/button.scss
index 19d176f6705..1239cb60588 100644
--- a/packages/components/src/components/button/button.scss
+++ b/packages/components/src/components/button/button.scss
@@ -84,6 +84,7 @@
 
 	&[data-variant="outlined"],
 	&:not([data-variant]),
+	&[data-variant=""],
 	&[data-variant="ghost"] {
 		background-color: colors.$db-current-color-bg-transparent-full-enabled;
 	}