diff --git a/src/lib/components/hero.svelte b/src/lib/components/hero.svelte
index 21889f32..16290448 100644
--- a/src/lib/components/hero.svelte
+++ b/src/lib/components/hero.svelte
@@ -1,5 +1,5 @@
 <svelte:head>
-  <link rel="stylesheet" href="node_modules/simple-icons-font/font/simple-icons.css">
+  <link rel="stylesheet" href="../../node_modules/simple-icons-font/font/simple-icons.css">
 </svelte:head>
 <script>
   import BlurFade from "./BlurFade.svelte";
diff --git a/svelte.config.js b/svelte.config.js
index a205f4fa..3fc42c9e 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -9,6 +9,7 @@ const config = {
       fallback: 'fallback.html', // Specify the fallback page
       strict: false // Allow dynamic routes
     }),
+	
   }
 };
 
diff --git a/vite.config.js b/vite.config.js
index 74d42c7d..99f47016 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,8 +1,19 @@
 import { sveltekit } from '@sveltejs/kit/vite';
 import { defineConfig } from 'vite';
+import { copy } from 'vite-plugin-copy';
 
 export default defineConfig({
-	plugins: [sveltekit()],
+	plugins: [
+    sveltekit(),
+    copy({
+      targets: [
+        {
+          src: 'node_modules/simple-icons-font/font/simple-icons.css',
+          dest: 'static/_app' // Copy to static/_app folder
+        }
+      ]
+    })
+  ],
 	root: '.',
   build: {
     outDir: 'dist',