diff --git a/.playwright/snapshots/components/SelectPanel.test.ts-snapshots/SelectPanel-Default-forced-colors-dark-linux.png b/.playwright/snapshots/components/SelectPanel.test.ts-snapshots/SelectPanel-Default-forced-colors-dark-linux.png
index 06967705847..e9509ca5779 100644
Binary files a/.playwright/snapshots/components/SelectPanel.test.ts-snapshots/SelectPanel-Default-forced-colors-dark-linux.png and b/.playwright/snapshots/components/SelectPanel.test.ts-snapshots/SelectPanel-Default-forced-colors-dark-linux.png differ
diff --git a/packages/react/src/experimental/SelectPanel2/SelectPanel.playground.stories.module.css b/packages/react/src/experimental/SelectPanel2/SelectPanel.playground.stories.module.css
new file mode 100644
index 00000000000..76333693bb2
--- /dev/null
+++ b/packages/react/src/experimental/SelectPanel2/SelectPanel.playground.stories.module.css
@@ -0,0 +1,5 @@
+.ColorIndicator {
+  width: 14px;
+  height: 14px;
+  border-radius: 100%;
+}
diff --git a/packages/react/src/experimental/SelectPanel2/SelectPanel.playground.stories.tsx b/packages/react/src/experimental/SelectPanel2/SelectPanel.playground.stories.tsx
index c1392d50be4..e5238373367 100644
--- a/packages/react/src/experimental/SelectPanel2/SelectPanel.playground.stories.tsx
+++ b/packages/react/src/experimental/SelectPanel2/SelectPanel.playground.stories.tsx
@@ -2,8 +2,10 @@ import React from 'react'
 import type {Meta, StoryFn} from '@storybook/react-vite'
 import type {SelectPanelProps} from './SelectPanel'
 import {SelectPanel} from './SelectPanel'
-import {ActionList, Box} from '../../index'
+import {ActionList} from '../../index'
 import data from './mock-story-data'
+import {clsx} from 'clsx'
+import classes from './SelectPanel.playground.stories.module.css'
 
 export default {
   title: 'Deprecated/Components/SelectPanel/Playground',
@@ -121,10 +123,7 @@ export const Playground: StoryFn = args => {
                 selected={selectedLabelIds.includes(label.id)}
               >
                 <ActionList.LeadingVisual>
-                  <Box
-                    sx={{width: 14, height: 14, borderRadius: '100%'}}
-                    style={{backgroundColor: `#${label.color}`}}
-                  />
+                  <div className={clsx(classes.ColorIndicator)} style={{backgroundColor: `#${label.color}`}} />
                 </ActionList.LeadingVisual>
                 {label.name}
                 <ActionList.Description variant="block">{label.description}</ActionList.Description>