diff --git a/frontend/package.json b/frontend/package.json
index af66858fcf..ad2a21d80b 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -26,6 +26,7 @@
   },
   "homepage": "https://github.com/reposense/RepoSense#readme",
   "dependencies": {
+    "@fontsource/titillium-web": "^4.5.3",
     "@fortawesome/fontawesome-svg-core": "^1.3.0",
     "@fortawesome/free-brands-svg-icons": "^6.0.0",
     "@fortawesome/free-solid-svg-icons": "^6.0.0",
@@ -34,6 +35,8 @@
     "highlight.js": "^10.5.0",
     "jszip": "^3.5.0",
     "minimatch": "^3.0.4",
+    "muicss": "^0.10.3",
+    "normalize.css": "^8.0.1",
     "pug-lint-vue": "^0.4.0",
     "seedrandom": "^3.0.5",
     "vue": "^3.2.31",
diff --git a/frontend/src/app.vue b/frontend/src/app.vue
index 0d4bcaa77e..e2fce5eb64 100644
--- a/frontend/src/app.vue
+++ b/frontend/src/app.vue
@@ -319,12 +319,6 @@ export default app;
 
 
 <style lang="scss">
-@import 'https://fonts.googleapis.com/css?family=Titillium+Web';
-@import 'https://cdn.jsdelivr.net/npm/normalize.css@8.0/normalize.min.css';
-@import 'https://cdn.jsdelivr.net/npm/muicss@0.9/dist/css/mui.min.css';
-@import 'https://cdn.jsdelivr.net/npm/highlight.js@9.14/styles/color-brewer.min.css';
-@import 'https://cdn.jsdelivr.net/npm/vue-loading-overlay@5/dist/vue-loading.css';
-
 @import './styles/style.scss';
 @import './styles/panels.scss';
 </style>
diff --git a/frontend/src/main.js b/frontend/src/main.js
index 18bfdde3c6..7a36318212 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -2,6 +2,11 @@ import { createApp } from 'vue';
 import { dom } from '@fortawesome/fontawesome-svg-core';
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import hljs from 'highlight.js';
+import 'muicss/dist/css/mui.min.css';
+import 'normalize.css/normalize.css';
+import 'vue-loading-overlay/dist/vue-loading.css';
+import 'highlight.js/styles/color-brewer.css';
+import '@fontsource/titillium-web';
 
 // Need to import for side effects
 import './utils/api';