diff --git a/src/app.ts b/src/app.ts
index 090ac20..d232181 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -1,7 +1,7 @@
 import { App } from '@openedx/frontend-base';
-import { appId } from './constants';
-import routes from './routes';
-import messages from './i18n';
+import { appId } from '@src/constants';
+import routes from '@src/routes';
+import messages from '@src/i18n';
 
 const app: App = {
   appId,
diff --git a/src/cohorts/CohortsPage.test.tsx b/src/cohorts/CohortsPage.test.tsx
index 6c7cc6b..cf52e3e 100644
--- a/src/cohorts/CohortsPage.test.tsx
+++ b/src/cohorts/CohortsPage.test.tsx
@@ -2,7 +2,7 @@ import { screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import CohortsPage from './CohortsPage';
 import { useCohorts, useCohortStatus, useToggleCohorts } from './data/apiHook';
-import { renderWithIntl } from '../testUtils';
+import { renderWithIntl } from '@src/testUtils';
 import messages from './messages';
 import { CohortProvider } from './components/CohortContext';
 
diff --git a/src/cohorts/components/DisableCohortsModal.test.tsx b/src/cohorts/components/DisableCohortsModal.test.tsx
index b2a87ad..8c5c194 100644
--- a/src/cohorts/components/DisableCohortsModal.test.tsx
+++ b/src/cohorts/components/DisableCohortsModal.test.tsx
@@ -1,7 +1,7 @@
 import { screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import DisableCohortsModal from './DisableCohortsModal';
-import { renderWithIntl } from '../../testUtils';
+import { renderWithIntl } from '@src/testUtils';
 import messages from '../messages';
 
 describe('DisableCohortsModal', () => {
diff --git a/src/cohorts/components/DisabledCohortsView.test.tsx b/src/cohorts/components/DisabledCohortsView.test.tsx
index f38af95..74c194c 100644
--- a/src/cohorts/components/DisabledCohortsView.test.tsx
+++ b/src/cohorts/components/DisabledCohortsView.test.tsx
@@ -1,5 +1,5 @@
 import { screen } from '@testing-library/react';
-import { renderWithIntl } from '../../testUtils';
+import { renderWithIntl } from '@src/testUtils';
 import messages from '../messages';
 import DisabledCohortsView from './DisabledCohortsView';
 import userEvent from '@testing-library/user-event';
diff --git a/src/cohorts/data/api.test.ts b/src/cohorts/data/api.test.ts
index a2242c2..a657a38 100644
--- a/src/cohorts/data/api.test.ts
+++ b/src/cohorts/data/api.test.ts
@@ -1,6 +1,6 @@
 import { getCohortStatus, getCohorts, toggleCohorts } from './api';
 import { camelCaseObject, getAppConfig, getAuthenticatedHttpClient } from '@openedx/frontend-base';
-import { appId } from '../../constants';
+import { appId } from '@src/constants';
 
 jest.mock('@openedx/frontend-base');
 
diff --git a/src/cohorts/data/queryKeys.ts b/src/cohorts/data/queryKeys.ts
index 7f88bc4..fe4b470 100644
--- a/src/cohorts/data/queryKeys.ts
+++ b/src/cohorts/data/queryKeys.ts
@@ -1,4 +1,4 @@
-import { appId } from '../../constants';
+import { appId } from '@src/constants';
 
 export const cohortsQueryKeys = {
   all: [appId, 'cohorts'] as const,
diff --git a/src/courseInfo/CourseInfoPage.test.tsx b/src/courseInfo/CourseInfoPage.test.tsx
index 65329d2..eef2359 100644
--- a/src/courseInfo/CourseInfoPage.test.tsx
+++ b/src/courseInfo/CourseInfoPage.test.tsx
@@ -2,7 +2,7 @@ import { screen } from '@testing-library/react';
 import { BrowserRouter } from 'react-router-dom';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import CourseInfoPage from './CourseInfoPage';
-import { renderWithIntl } from '../testUtils';
+import { renderWithIntl } from '@src/testUtils';
 
 jest.mock('./components/generalCourseInfo', () => ({
   GeneralCourseInfo: () => <div>General Course Info Component</div>,
diff --git a/src/courseInfo/CourseInfoPage.tsx b/src/courseInfo/CourseInfoPage.tsx
index 401a4a9..75284ab 100644
--- a/src/courseInfo/CourseInfoPage.tsx
+++ b/src/courseInfo/CourseInfoPage.tsx
@@ -1,5 +1,5 @@
 import { Container } from '@openedx/paragon';
-import { GeneralCourseInfo } from './components/generalCourseInfo';
+import { GeneralCourseInfo } from '@src/courseInfo/components/generalCourseInfo';
 
 const CourseInfoPage = () => {
   return (
diff --git a/src/courseInfo/components/generalCourseInfo/GeneralCourseInfo.test.tsx b/src/courseInfo/components/generalCourseInfo/GeneralCourseInfo.test.tsx
index 5ba1253..5f0086f 100644
--- a/src/courseInfo/components/generalCourseInfo/GeneralCourseInfo.test.tsx
+++ b/src/courseInfo/components/generalCourseInfo/GeneralCourseInfo.test.tsx
@@ -1,11 +1,11 @@
 import { screen } from '@testing-library/react';
 import { BrowserRouter } from 'react-router-dom';
 import { GeneralCourseInfo } from './GeneralCourseInfo';
-import { useCourseInfo } from '../../../data/apiHook';
+import { useCourseInfo } from '@src/data/apiHook';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { createQueryMock, renderWithIntl } from '../../../testUtils';
+import { createQueryMock, renderWithIntl } from '@src/testUtils';
 
-jest.mock('../../../data/apiHook');
+jest.mock('@src/data/apiHook');
 jest.mock('react-router', () => ({
   useParams: () => ({ courseId: 'test-course-id' }),
 }));
diff --git a/src/courseInfo/components/generalCourseInfo/GeneralCourseInfo.tsx b/src/courseInfo/components/generalCourseInfo/GeneralCourseInfo.tsx
index fdaba88..2e5996a 100644
--- a/src/courseInfo/components/generalCourseInfo/GeneralCourseInfo.tsx
+++ b/src/courseInfo/components/generalCourseInfo/GeneralCourseInfo.tsx
@@ -1,6 +1,6 @@
 import { Card, Skeleton } from '@openedx/paragon';
 import { StatusBadge } from './StatusBadge';
-import { useCourseInfo } from '../../../data/apiHook';
+import { useCourseInfo } from '@src/data/apiHook';
 import { useParams } from 'react-router';
 import { FormattedDate, useIntl } from '@openedx/frontend-base';
 import { useCallback } from 'react';
diff --git a/src/data/api.ts b/src/data/api.ts
index 145db04..1acb02c 100644
--- a/src/data/api.ts
+++ b/src/data/api.ts
@@ -1,5 +1,5 @@
 import { camelCaseObject, getAppConfig, getAuthenticatedHttpClient } from '@openedx/frontend-base';
-import { appId } from '../constants';
+import { appId } from '@src/constants';
 
 export const getApiBaseUrl = () => getAppConfig(appId).LMS_BASE_URL;
 
diff --git a/src/data/queryKeys.ts b/src/data/queryKeys.ts
index 83fb4cc..eb1d051 100644
--- a/src/data/queryKeys.ts
+++ b/src/data/queryKeys.ts
@@ -1,4 +1,4 @@
-import { appId } from '../constants';
+import { appId } from '@src/constants';
 
 export const courseInfoQueryKeys = {
   all: [appId, 'courseInfo'] as const,
diff --git a/src/routes.tsx b/src/routes.tsx
index 96c1ac9..3d7a18b 100644
--- a/src/routes.tsx
+++ b/src/routes.tsx
@@ -1,6 +1,6 @@
-import CohortsPage from './cohorts/CohortsPage';
-import CourseInfoPage from './courseInfo/CourseInfoPage';
-import Main from './Main';
+import CohortsPage from '@src/cohorts/CohortsPage';
+import CourseInfoPage from '@src/courseInfo/CourseInfoPage';
+import Main from '@src/Main';
 
 const routes = [
   {
diff --git a/tsconfig.json b/tsconfig.json
index 3ecf29b..5d04f35 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -3,6 +3,9 @@
   "compilerOptions": {
     "rootDir": ".",
     "outDir": "dist",
+    "paths": {
+        "@src/*": ["./src/*"]
+      } 
   },
   "include": [
     "src/**/*",