diff --git a/nepalingo-web/src/components/ActivityCard.tsx b/nepalingo-web/src/components/ActivityCard.tsx
index e48286b..1088f5b 100644
--- a/nepalingo-web/src/components/ActivityCard.tsx
+++ b/nepalingo-web/src/components/ActivityCard.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import Button from "./Button";
+import Button from "@/components/Button";
 
 interface ActivityCardProps {
   backgroundImageUrl: string;
diff --git a/nepalingo-web/src/components/header/About.tsx b/nepalingo-web/src/components/header/About.tsx
index 75b1846..27659f9 100644
--- a/nepalingo-web/src/components/header/About.tsx
+++ b/nepalingo-web/src/components/header/About.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import Header from "./Header";
+import Header from "@/components/header/Header";
 
 const teamMembers = [
   {
diff --git a/nepalingo-web/src/components/header/ChangeLanguage.tsx b/nepalingo-web/src/components/header/ChangeLanguage.tsx
index 9569469..06d1be5 100644
--- a/nepalingo-web/src/components/header/ChangeLanguage.tsx
+++ b/nepalingo-web/src/components/header/ChangeLanguage.tsx
@@ -1,8 +1,8 @@
 import React, { useEffect, useRef, useState } from "react";
-import Menu from "./Menu";
+import Menu from "@/components/header/Menu";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faChevronDown } from "@fortawesome/free-solid-svg-icons";
-import { LanguageKey, Languages, useLanguage } from "../../hooks/Langauge";
+import { LanguageKey, Languages, useLanguage } from "@/hooks/Langauge";
 
 const ChangeLanguage: React.FC = () => {
   const [isOpen, setIsOpen] = useState(false);
diff --git a/nepalingo-web/src/components/header/Menu.tsx b/nepalingo-web/src/components/header/Menu.tsx
index 36ecb30..0257cb3 100644
--- a/nepalingo-web/src/components/header/Menu.tsx
+++ b/nepalingo-web/src/components/header/Menu.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { LanguageKey } from "../../hooks/Langauge";
+import { LanguageKey } from "@/hooks/Langauge";
 
 interface MenuProps {
   isOpen: boolean;
diff --git a/nepalingo-web/src/main.tsx b/nepalingo-web/src/main.tsx
index b7df43a..a975692 100644
--- a/nepalingo-web/src/main.tsx
+++ b/nepalingo-web/src/main.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "@/App";
-import "./index.css";
+import "@/index.css";
 import { AuthProvider } from "@/hooks/Auth";
 import { StreakProvider } from "@/hooks/StreakContext";
 import { LanguageProvider } from "@/hooks/Langauge";
diff --git a/nepalingo-web/src/pages/Login.tsx b/nepalingo-web/src/pages/Login.tsx
index 186bba7..223218f 100644
--- a/nepalingo-web/src/pages/Login.tsx
+++ b/nepalingo-web/src/pages/Login.tsx
@@ -11,7 +11,7 @@ import {
   faEye,
   faEyeSlash,
 } from "@fortawesome/free-solid-svg-icons";
-import TheBird from "../assets/TheBird.png";
+import TheBird from "@/assets/TheBird.png";
 import ReactGA from "react-ga4";
 
 const Login: React.FC = () => {
diff --git a/nepalingo-web/src/pages/ResetPassword.tsx b/nepalingo-web/src/pages/ResetPassword.tsx
index 3b095b7..4e6e1ad 100644
--- a/nepalingo-web/src/pages/ResetPassword.tsx
+++ b/nepalingo-web/src/pages/ResetPassword.tsx
@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { useAuth } from "../hooks/Auth";
+import { useAuth } from "@/hooks/Auth";
 import { useNavigate } from "react-router-dom";
 import CustomTextInput from "@/components/CustomTextInput";
 import Button from "@/components/Button";