diff --git a/core/src/private.html b/core/src/private.html
index ab6d8fe..48948a2 100644
--- a/core/src/private.html
+++ b/core/src/private.html
@@ -3,7 +3,6 @@
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.ico" />
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css" />
     <script type="importmap">
       {
         "imports": {
diff --git a/core/src/private.ts b/core/src/private.ts
index e03456c..4b94c30 100644
--- a/core/src/private.ts
+++ b/core/src/private.ts
@@ -14,6 +14,9 @@ import router from './router'
 import vuetify from './plugins/vuetify/index'
 import '@KTXC/scss/style.scss'
 
+// Material Design Icons (Vuetify mdi icon set)
+import '@mdi/font/css/materialdesignicons.min.css'
+
 // google-fonts
 import '@fontsource/public-sans/index.css'
 
@@ -61,7 +64,7 @@ globalWindow.Pinia = PiniaLib as unknown
 		app.use(router);
 
 		await router.isReady();
-		// Home redirect handled by router beforeEnter now
+		// Home redirect handled by router beforeEnter
 		app.mount('#app');
 	} catch (e) {
 		console.error('Bootstrap failed:', e);
diff --git a/core/src/public.html b/core/src/public.html
index 08307fd..b3d8bdb 100644
--- a/core/src/public.html
+++ b/core/src/public.html
@@ -3,7 +3,6 @@
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.svg" />
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Ktrix Cloud</title>
   </head>
diff --git a/core/src/public.ts b/core/src/public.ts
index d7435fd..fff41d0 100644
--- a/core/src/public.ts
+++ b/core/src/public.ts
@@ -5,6 +5,9 @@ import { router } from './router';
 import vuetify from './plugins/vuetify/index';
 import '@KTXC/scss/style.scss';
 
+// Material Design Icons (Vuetify mdi icon set)
+import '@mdi/font/css/materialdesignicons.min.css';
+
 // google-fonts
 import '@fontsource/public-sans/400.css';
 import '@fontsource/public-sans/500.css';
diff --git a/package-lock.json b/package-lock.json
index 6136297..8bff72d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,6 +13,7 @@
         "@fontsource/poppins": "5.1.0",
         "@fontsource/public-sans": "5.1.1",
         "@fontsource/roboto": "5.1.0",
+        "@mdi/font": "7.4.47",
         "@tsconfig/node20": "20.1.4",
         "@typescript-eslint/parser": "^8.18.2",
         "@vue/compiler-sfc": "^3.5.16",
@@ -789,6 +790,12 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@mdi/font": {
+      "version": "7.4.47",
+      "resolved": "https://registry.npmjs.org/@mdi/font/-/font-7.4.47.tgz",
+      "integrity": "sha512-43MtGpd585SNzHZPcYowu/84Vz2a2g31TvPMTm9uTiCSWzaheQySUcSyUH/46fPnuPQWof2yd0pGBtzee/IQWw==",
+      "license": "Apache-2.0"
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
diff --git a/package.json b/package.json
index 4317b2a..431bab3 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     "@fontsource/poppins": "5.1.0",
     "@fontsource/public-sans": "5.1.1",
     "@fontsource/roboto": "5.1.0",
+    "@mdi/font": "7.4.47",
     "@tsconfig/node20": "20.1.4",
     "@typescript-eslint/parser": "^8.18.2",
     "@vue/compiler-sfc": "^3.5.16",
