diff --git a/frontend/index.html b/frontend/index.html
index 1cb2612..aa80ed5 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -1,12 +1,15 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
-    <meta charset="UTF-8"/>
-    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
-    <title>wails-svelte-tailwind-ts</title>
+  <meta charset="UTF-8" />
+  <meta content="width=device-width, initial-scale=1.0" name="viewport" />
+  <title>wails-svelte-tailwind-ts</title>
 </head>
+
 <body>
-<div id="app"></div>
-<script src="./src/main.ts" type="module"></script>
+  <div id="app"></div>
+  <script src="./src/main.ts" type="module"></script>
 </body>
+
 </html>
diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index 4ef3bb3..ee43d0e 100644
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -26,7 +26,9 @@
       </button>
       <DarkMode />
     </Navbar>
-    <main class="size-full max-h-full max-w-full overflow-scroll">
+    <main
+      class="size-full max-h-full max-w-full overflow-y-scroll overflow-x-clip"
+    >
       <Route path="/"><Things /></Route>
       <Route path="/things/:id" let:params>
         <Thing thingID={parseInt(params.id)} />
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index 2cffdc5..d60c144 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -14,7 +14,24 @@
      */
     "allowJs": true,
     "checkJs": true,
-    "isolatedModules": true
+    "isolatedModules": true,
+    "paths": {
+      "@/*": [
+        "src/*"
+      ],
+      "@assets/*": [
+        "src/assets/*"
+      ],
+      "@components/*": [
+        "src/components/*"
+      ],
+      "@routes/*": [
+        "src/routes/*"
+      ],
+      "@wails/*": [
+        "src/wailsjs/*"
+      ]
+    }
   },
   "include": [
     "src/**/*.d.ts",
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index d37616f..d32c5b3 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -1,7 +1,17 @@
-import {defineConfig} from 'vite'
-import {svelte} from '@sveltejs/vite-plugin-svelte'
+import { defineConfig } from 'vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import path from 'path';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [svelte()]
+  plugins: [svelte()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+      '@assets': path.resolve(__dirname, './src/assets'),
+      '@components': path.resolve(__dirname, './src/components'),
+      '@routes': path.resolve(__dirname, './src/routes'),
+      '@wails': path.resolve(__dirname, './src/wailsjs'),
+    },
+  },
 })
