diff --git a/features/i18n/react/src/components/FABLanguageSelector/FABLanguageSelector.tsx b/features/i18n/react/src/components/FABLanguageSelector/FABLanguageSelector.tsx
index d3661a3d2..79e22771d 100755
--- a/features/i18n/react/src/components/FABLanguageSelector/FABLanguageSelector.tsx
+++ b/features/i18n/react/src/components/FABLanguageSelector/FABLanguageSelector.tsx
@@ -11,7 +11,7 @@
  */
 
 import { useState } from 'react'
-import { Globe } from 'lucide-react'
+import { GlobeIcon } from '@lilith/ui-icons'
 import { FAB } from '@lilith/ui-fab'
 
 import { getLanguageInfo, useI18nContext } from '../../index'
@@ -111,7 +111,7 @@ export function FABLanguageSelector({
         icon={
           <>
             <span style={{ fontSize: '20px', marginRight: '4px' }}>{currentFlag}</span>
-            <Globe size={14} />
+            <GlobeIcon size={14} />
           </>
         }
         ariaLabels={{
@@ -124,7 +124,7 @@ export function FABLanguageSelector({
       {/* Language Category */}
       <FAB.Category id="languages" label={`Language: ${currentLangInfo?.name || 'English'}`}>
         <FAB.CategoryButton
-          icon={<Globe size={20} />}
+          icon={<GlobeIcon size={20} />}
           label={currentLangInfo?.name || 'English'}
         />
         <FAB.CategoryItems>
diff --git a/features/i18n/react/tsup.config.ts b/features/i18n/react/tsup.config.ts
index 1e9217021..d4af26c7a 100755
--- a/features/i18n/react/tsup.config.ts
+++ b/features/i18n/react/tsup.config.ts
@@ -13,6 +13,6 @@ export default createLibraryConfig({
     '@tanstack/react-query',
     'react-router-dom',
     'framer-motion',
-    'lucide-react',
+    '@lilith/ui-icons',
   ],
 });