diff --git a/src/main.tsx b/src/main.tsx
index 89d6fe8..b872119 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -2,8 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { BrowserRouter as Router } from 'react-router-dom';
 import App from './App';
-import './styles/index.css';
-import './styles/satoshi.scss';
+import '@/styles/index.css'
+import '@/styles/satoshi.scss';
 import 'jsvectormap/dist/css/jsvectormap.css';
 import 'flatpickr/dist/flatpickr.min.css';
 
diff --git a/tsconfig.json b/tsconfig.json
index 7ed3e65..9537225 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -5,6 +5,11 @@
     "module": "ESNext",
     "skipLibCheck": true,
 
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    },
+
     /* Bundler mode */
     "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,
diff --git a/vite.config.js b/vite.config.js
index 5a33944..c0d936a 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,7 +1,13 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+import path from 'path';
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src')
+    },
+  }
 })