diff --git a/src/theme/segmented-control.ts b/src/theme/segmented-control.ts
index 118642281..a47fb411a 100644
--- a/src/theme/segmented-control.ts
+++ b/src/theme/segmented-control.ts
@@ -1,8 +1,6 @@
-import { panelFieldBase } from './panel/field'
-
 const segmentedControlTheme = {
   slots: {
-    root: [panelFieldBase, 'inline-flex items-center gap-0.5 p-0.5'],
+    root: 'inline-flex items-center gap-0.5 rounded bg-panel-field p-0.5 hover:bg-panel-field-hover',
     item: 'flex h-[22px] min-w-0 flex-1 cursor-pointer items-center justify-center gap-1 rounded-sm text-muted outline-none hover:bg-hover hover:text-surface focus-visible:ring-1 focus-visible:ring-panel-focus data-[state=on]:bg-hover data-[state=on]:text-surface data-[state=on]:hover:bg-hover disabled:cursor-not-allowed disabled:opacity-50'
   },
   variants: {