From 699ef86f8f0d52c58e5d3f35824ba63529ddd658 Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Sat, 28 Mar 2026 14:27:28 +0100
Subject: [PATCH] fix(ui): use Tabs instead of SegmentedTabs for content
 navigation

---
 ui/src/components/ContentTabs.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

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)}