diff --git a/package.json b/package.json
index f22cf9ba7..2e3235aab 100644
--- a/package.json
+++ b/package.json
@@ -130,7 +130,7 @@
     "posthog-js": "^1.297.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-icons": "^5.5.0",
+    "react-icons": "^5.6.0",
     "react-markdown": "^10.1.0",
     "react-resizable-panels": "^3.0.6",
     "react-syntax-highlighter": "^15.6.6",
diff --git a/src/renderer/components/FileExplorer/FileIcons.tsx b/src/renderer/components/FileExplorer/FileIcons.tsx
index 705a5dac9..f5018382f 100644
--- a/src/renderer/components/FileExplorer/FileIcons.tsx
+++ b/src/renderer/components/FileExplorer/FileIcons.tsx
@@ -25,7 +25,7 @@ import {
   SiReact,
   SiPython,
   SiHtml5,
-  SiCss3,
+  SiCss,
   SiSass,
   SiNodedotjs,
   SiNpm,
@@ -180,7 +180,7 @@ const EXTENSION_ICONS: Record<string, { icon: React.ElementType; color: string;
   // Web
   html: { icon: SiHtml5, color: 'text-orange-600', label: 'HTML file' },
   htm: { icon: SiHtml5, color: 'text-orange-600', label: 'HTML file' },
-  css: { icon: SiCss3, color: 'text-blue-600', label: 'CSS file' },
+  css: { icon: SiCss, color: 'text-blue-600', label: 'CSS file' },
   scss: { icon: SiSass, color: 'text-pink-600', label: 'SCSS file' },
   sass: { icon: SiSass, color: 'text-pink-600', label: 'Sass file' },
   less: { icon: VscFileCode, color: 'text-blue-800', label: 'Less file' },