diff --git a/.changeset/witty-eggs-heal.md b/.changeset/witty-eggs-heal.md
new file mode 100644
index 00000000000..fa4c1410007
--- /dev/null
+++ b/.changeset/witty-eggs-heal.md
@@ -0,0 +1,5 @@
+---
+'polaris.shopify.com': patch
+---
+
+Improved the visibility of shadows in Dark Mode for token previews
diff --git a/polaris.shopify.com/src/components/TokenList/TokenList.tsx b/polaris.shopify.com/src/components/TokenList/TokenList.tsx
index fdf435dbf71..dd3dad24c7b 100644
--- a/polaris.shopify.com/src/components/TokenList/TokenList.tsx
+++ b/polaris.shopify.com/src/components/TokenList/TokenList.tsx
@@ -446,11 +446,15 @@ function TokenPreview({name, value}: TokenPreviewProps) {
         {...previewDivAttributes}
         style={{
           display: 'flex',
+          background: 'var(--p-color-bg)',
+          borderRadius: 'var(--p-border-radius-200)',
+          padding: 'var(--p-space-400)',
         }}
       >
         <div
           style={{
-            width: 50,
+            width: '100%',
+            minWidth: 50,
             minHeight: 50,
             background: 'white',
             boxShadow: value,