diff --git a/ui/src/components/ContentTabs.tsx b/ui/src/components/ContentTabs.tsx
index e28b5bde..ddbdabc5 100644
--- a/ui/src/components/ContentTabs.tsx
+++ b/ui/src/components/ContentTabs.tsx
@@ -1,11 +1,11 @@
-import { SegmentedTabs } from '@cameleer/design-system';
+import { Tabs } from '@cameleer/design-system';
 import type { TabKey } from '../hooks/useScope';
 import styles from './ContentTabs.module.css';
 
 const TABS = [
-  { label: 'Exchanges', value: 'exchanges' as const },
-  { label: 'Dashboard', value: 'dashboard' as const },
-  { label: 'Runtime', value: 'runtime' as const },
+  { label: 'Exchanges', value: 'exchanges' },
+  { label: 'Dashboard', value: 'dashboard' },
+  { label: 'Runtime', value: 'runtime' },
 ];
 
 interface ContentTabsProps {
@@ -16,7 +16,7 @@ interface ContentTabsProps {
 export function ContentTabs({ active, onChange }: ContentTabsProps) {
   return (
     <div className={styles.wrapper}>
-      <SegmentedTabs
+      <Tabs
         tabs={TABS}
         active={active}
         onChange={(v) => onChange(v as TabKey)}