From ace81f7d8124cd092ea8b866a48014c55dddc1d5 Mon Sep 17 00:00:00 2001
From: yyh <yuanyouhuilyz@gmail.com>
Date: Sun, 9 Aug 2026 13:41:48 +0800
Subject: [PATCH] refactor(web): use css icons in the tab filter story

---
 web/app/components/base/tab-slider-new/index.stories.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/web/app/components/base/tab-slider-new/index.stories.tsx b/web/app/components/base/tab-slider-new/index.stories.tsx
index 11e13cfbea3b87..0d922021fb2f2c 100644
--- a/web/app/components/base/tab-slider-new/index.stories.tsx
+++ b/web/app/components/base/tab-slider-new/index.stories.tsx
@@ -1,5 +1,4 @@
 import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-import { RiSparklingFill, RiTerminalBoxLine } from '@remixicon/react'
 import { useState } from 'react'
 import TabSliderNew from '.'
 
@@ -7,12 +6,14 @@ const OPTIONS = [
   {
     value: 'visual',
     text: 'Visual builder',
-    icon: <RiSparklingFill className="mr-2 size-4 text-primary-500" />,
+    icon: <span className="mr-2 i-ri-sparkling-fill size-4 text-primary-500" aria-hidden="true" />,
   },
   {
     value: 'code',
     text: 'Code',
-    icon: <RiTerminalBoxLine className="mr-2 size-4 text-text-tertiary" />,
+    icon: (
+      <span className="mr-2 i-ri-terminal-box-line size-4 text-text-tertiary" aria-hidden="true" />
+    ),
   },
 ]