diff --git a/next.config.js b/next.config.js
index 6a3e02c0f..000a4ad96 100644
--- a/next.config.js
+++ b/next.config.js
@@ -3,6 +3,9 @@ const nextConfig = {
   poweredByHeader: false,
   compiler: { styledComponents: true },
   reactStrictMode: true,
+  experimental: {
+    optimizePackageImports: ['@phosphor-icons/react'],
+  },
   redirects: async () => {
     return [
       {
diff --git a/src/components/sidebar-navigation/SmallScreenHeader.tsx b/src/components/sidebar-navigation/SmallScreenHeader.tsx
index c4f6a55ab..7bc0b16c0 100644
--- a/src/components/sidebar-navigation/SmallScreenHeader.tsx
+++ b/src/components/sidebar-navigation/SmallScreenHeader.tsx
@@ -1,5 +1,5 @@
 import { Button } from '@near-pagoda/ui';
-import { MagnifyingGlass } from '@phosphor-icons/react/dist/ssr';
+import { MagnifyingGlass } from '@phosphor-icons/react';
 import Image from 'next/image';
 import { useRouter } from 'next/router';
 
diff --git a/tsconfig.json b/tsconfig.json
index f393b7486..db975d3a9 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -19,6 +19,6 @@
       "@/*": ["./src/*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "types/**/*.d.ts", "src/components/sidebar-navigation/Sidebar", "src/components/sidebar-navigation/Sidebar"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "types/**/*.d.ts", "src/components/sidebar-navigation/Sidebar"],
   "exclude": ["node_modules"]
 }