diff --git a/src/components/Segments.tsx b/src/components/Segments.tsx
index c09a598..7917e75 100644
--- a/src/components/Segments.tsx
+++ b/src/components/Segments.tsx
@@ -91,8 +91,8 @@ const Segments: Component<SegmentsProps> = (props) => {
               class={cx(
                 'z-[5] cursor-pointer rounded-sm px-2 py-0.5',
                 selected() === option().value
-                  ? 'not-aria-disabled:text-on-primary-surface aria-disabled:text-primary-disabled hover:not-aria-disabled:bg-primary-surface-hover/45'
-                  : 'not-aria-disabled:text-on-surface aria-disabled:text-surface-disabled  hover:not-aria-disabled:bg-surface/35',
+                  ? 'not-aria-disabled:text-on-primary-surface aria-disabled:text-primary-disabled'
+                  : 'not-aria-disabled:text-on-surface aria-disabled:text-neutral-disabled  hover:not-aria-disabled:text-primary-hover',
               )}
               onClick={() => handleSelect(option().value)}>
               {option().label}