diff --git a/web/src/components/ui/segmented .tsx b/web/src/components/ui/segmented.tsx
similarity index 100%
rename from web/src/components/ui/segmented .tsx
rename to web/src/components/ui/segmented.tsx
diff --git a/web/src/layouts/next-header.tsx b/web/src/layouts/next-header.tsx
index f0e2900bad0..bd7ad573020 100644
--- a/web/src/layouts/next-header.tsx
+++ b/web/src/layouts/next-header.tsx
@@ -1,7 +1,7 @@
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
 import { Button } from '@/components/ui/button';
 import { Container } from '@/components/ui/container';
-import { Segmented, SegmentedValue } from '@/components/ui/segmented ';
+import { Segmented, SegmentedValue } from '@/components/ui/segmented';
 import { useTranslate } from '@/hooks/common-hooks';
 import { useNavigatePage } from '@/hooks/logic-hooks/navigate-hooks';
 import { useNavigateWithFromState } from '@/hooks/route-hook';
diff --git a/web/src/pages/home/applications.tsx b/web/src/pages/home/applications.tsx
index 03b4253b2e8..c7906b08645 100644
--- a/web/src/pages/home/applications.tsx
+++ b/web/src/pages/home/applications.tsx
@@ -1,6 +1,6 @@
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
-import { Segmented, SegmentedValue } from '@/components/ui/segmented ';
+import { Segmented, SegmentedValue } from '@/components/ui/segmented';
 import { ChevronRight, Cpu, MessageSquare, Search } from 'lucide-react';
 import { useMemo, useState } from 'react';
 
diff --git a/web/src/pages/home/header.tsx b/web/src/pages/home/header.tsx
index 2619b723d48..f36516d08d8 100644
--- a/web/src/pages/home/header.tsx
+++ b/web/src/pages/home/header.tsx
@@ -1,7 +1,7 @@
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
 import { Button } from '@/components/ui/button';
 import { Container } from '@/components/ui/container';
-import { Segmented, SegmentedValue } from '@/components/ui/segmented ';
+import { Segmented, SegmentedValue } from '@/components/ui/segmented';
 import { useTranslate } from '@/hooks/common-hooks';
 import { useNavigateWithFromState } from '@/hooks/route-hook';
 import {
diff --git a/web/src/pages/profile-setting/plan/index.tsx b/web/src/pages/profile-setting/plan/index.tsx
index 897d45e4a0d..ebfb0cad7d3 100644
--- a/web/src/pages/profile-setting/plan/index.tsx
+++ b/web/src/pages/profile-setting/plan/index.tsx
@@ -1,6 +1,6 @@
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
-import { Segmented, SegmentedValue } from '@/components/ui/segmented ';
+import { Segmented, SegmentedValue } from '@/components/ui/segmented';
 import { CircleCheckBig, LogOut } from 'lucide-react';
 import { useMemo, useState } from 'react';
 import { PricingCard } from './pricing-card';