diff --git a/frontend/app/(auth)/login/page.module.scss b/frontend/app/(auth)/login/page.module.scss
index 259d4b505..34c03a5b8 100644
--- a/frontend/app/(auth)/login/page.module.scss
+++ b/frontend/app/(auth)/login/page.module.scss
@@ -1,5 +1,5 @@
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .login_page_wrapper {
   width: 100%;
@@ -43,4 +43,4 @@
       font-size: Typography.$tiny;
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/assistants/AssistantModal/AssistantModal.module.scss b/frontend/app/assistants/AssistantModal/AssistantModal.module.scss
index 87ebbcea9..5a06ee35f 100644
--- a/frontend/app/assistants/AssistantModal/AssistantModal.module.scss
+++ b/frontend/app/assistants/AssistantModal/AssistantModal.module.scss
@@ -1,4 +1,4 @@
-@use "@/styles/Spacings.module.scss";
+@use "styles/Spacings.module.scss";
 
 .modal_content_container {
   padding: Spacings.$spacing05;
@@ -26,4 +26,4 @@
     display: flex;
     align-self: flex-end;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/assistants/AssistantModal/OutputsStep/OutputsStep.module.scss b/frontend/app/assistants/AssistantModal/OutputsStep/OutputsStep.module.scss
index eb1a7ae3f..b2fedc2fc 100644
--- a/frontend/app/assistants/AssistantModal/OutputsStep/OutputsStep.module.scss
+++ b/frontend/app/assistants/AssistantModal/OutputsStep/OutputsStep.module.scss
@@ -1,4 +1,4 @@
-@use "@/styles/Spacings.module.scss";
+@use "styles/Spacings.module.scss";
 
 .outputs_wrapper {
   display: flex;
@@ -13,4 +13,4 @@
     padding-block: Spacings.$spacing02;
     max-width: 250px;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/assistants/page.module.scss b/frontend/app/assistants/page.module.scss
index 96cf23417..0d475ea64 100644
--- a/frontend/app/assistants/page.module.scss
+++ b/frontend/app/assistants/page.module.scss
@@ -1,4 +1,4 @@
-@use "@/styles/Spacings.module.scss";
+@use "styles/Spacings.module.scss";
 
 .content_wrapper {
   padding: Spacings.$spacing06;
@@ -17,4 +17,4 @@
     flex-direction: column;
     gap: Spacings.$spacing02;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/MentionsList/MentionItem/MentionItem.module.scss b/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/MentionsList/MentionItem/MentionItem.module.scss
index 9b47e3665..2fb2887fe 100644
--- a/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/MentionsList/MentionItem/MentionItem.module.scss
+++ b/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/MentionsList/MentionItem/MentionItem.module.scss
@@ -1,6 +1,6 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .mention_item_wrapper {
   display: flex;
diff --git a/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/MentionsList/MentionsList.module.scss b/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/MentionsList/MentionsList.module.scss
index c794c74bb..6c5368ae9 100644
--- a/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/MentionsList/MentionsList.module.scss
+++ b/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/MentionsList/MentionsList.module.scss
@@ -1,6 +1,6 @@
-@use "@/styles/BoxShadow.module.scss";
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
+@use "styles/BoxShadow.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
 
 .mentions_list_wrapper {
   display: flex;
@@ -19,4 +19,4 @@
     flex-direction: column;
     gap: Spacings.$spacing02;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/MenuControlButton/MenuControlButton.module.scss b/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/MenuControlButton/MenuControlButton.module.scss
index ab92cc3f0..fa62eb831 100644
--- a/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/MenuControlButton/MenuControlButton.module.scss
+++ b/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/MenuControlButton/MenuControlButton.module.scss
@@ -1,5 +1,5 @@
-@use "@/styles/IconSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
+@use "styles/IconSizes.module.scss";
+@use "styles/Spacings.module.scss";
 
 .menu_icon {
   width: IconSizes.$large;
@@ -9,4 +9,4 @@
   &:hover {
     color: var(--accent);
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/index.module.scss b/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/index.module.scss
index 8b99139a3..c4d4a770b 100644
--- a/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/index.module.scss
+++ b/frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/index.module.scss
@@ -1,5 +1,5 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
 
 .chat_container {
   display: flex;
@@ -18,4 +18,4 @@
       padding-top: 0;
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/chat/[chatId]/components/ActionsBar/components/KnowledgeToFeed/KnowledgeToFeed.module.scss b/frontend/app/chat/[chatId]/components/ActionsBar/components/KnowledgeToFeed/KnowledgeToFeed.module.scss
index c668c2ee2..3a7701b02 100644
--- a/frontend/app/chat/[chatId]/components/ActionsBar/components/KnowledgeToFeed/KnowledgeToFeed.module.scss
+++ b/frontend/app/chat/[chatId]/components/ActionsBar/components/KnowledgeToFeed/KnowledgeToFeed.module.scss
@@ -1,6 +1,6 @@
-@use "@/styles/ScreenSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/ScreenSizes.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .knowledge_to_feed_wrapper {
   display: flex;
@@ -26,4 +26,4 @@
     overflow: scroll;
     padding: Spacings.$spacing01;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/chat/[chatId]/components/ActionsBar/components/KnowledgeToFeed/components/FromConnections/FromConnections.module.scss b/frontend/app/chat/[chatId]/components/ActionsBar/components/KnowledgeToFeed/components/FromConnections/FromConnections.module.scss
index 666fd4b9f..7cd11968c 100644
--- a/frontend/app/chat/[chatId]/components/ActionsBar/components/KnowledgeToFeed/components/FromConnections/FromConnections.module.scss
+++ b/frontend/app/chat/[chatId]/components/ActionsBar/components/KnowledgeToFeed/components/FromConnections/FromConnections.module.scss
@@ -1,5 +1,5 @@
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .from_connection_container {
   overflow: auto;
@@ -33,4 +33,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/chat/[chatId]/components/ActionsBar/components/KnowledgeToFeed/components/FromConnections/SyncElementLine/SyncElementLine.module.scss b/frontend/app/chat/[chatId]/components/ActionsBar/components/KnowledgeToFeed/components/FromConnections/SyncElementLine/SyncElementLine.module.scss
index d296ab8bf..287b633f2 100644
--- a/frontend/app/chat/[chatId]/components/ActionsBar/components/KnowledgeToFeed/components/FromConnections/SyncElementLine/SyncElementLine.module.scss
+++ b/frontend/app/chat/[chatId]/components/ActionsBar/components/KnowledgeToFeed/components/FromConnections/SyncElementLine/SyncElementLine.module.scss
@@ -1,5 +1,5 @@
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .sync_element_line_wrapper {
   display: flex;
@@ -25,4 +25,4 @@
       background-color: var(--background-0);
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/chat/[chatId]/components/ActionsBar/components/KnowledgeToFeed/components/FromDocuments/FromDocuments.module.scss b/frontend/app/chat/[chatId]/components/ActionsBar/components/KnowledgeToFeed/components/FromDocuments/FromDocuments.module.scss
index 0d4c3ed97..f4da5ca88 100644
--- a/frontend/app/chat/[chatId]/components/ActionsBar/components/KnowledgeToFeed/components/FromDocuments/FromDocuments.module.scss
+++ b/frontend/app/chat/[chatId]/components/ActionsBar/components/KnowledgeToFeed/components/FromDocuments/FromDocuments.module.scss
@@ -1,6 +1,6 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/ScreenSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/ScreenSizes.module.scss";
+@use "styles/Spacings.module.scss";
 
 .from_document_wrapper {
   width: 100%;
@@ -39,4 +39,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/MessageRow.module.scss b/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/MessageRow.module.scss
index 22ff8541f..1d2778399 100644
--- a/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/MessageRow.module.scss
+++ b/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/MessageRow.module.scss
@@ -1,8 +1,8 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/ScreenSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Transitions.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/ScreenSizes.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Transitions.module.scss";
+@use "styles/Typography.module.scss";
 
 .message_row_container {
   display: flex;
diff --git a/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/MessageContent/MessageContent.module.scss b/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/MessageContent/MessageContent.module.scss
index 06a6dadb5..abca2e6e8 100644
--- a/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/MessageContent/MessageContent.module.scss
+++ b/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/MessageContent/MessageContent.module.scss
@@ -1,5 +1,9 @@
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
+
+.hiden {
+  display: none;
+}
 
 .hiden {
   display: none;
@@ -61,10 +65,12 @@
   0% {
     font-size: 6px;
   }
+
   50% {
     font-size: 16px;
   }
+
   100% {
     font-size: 6px;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/QuestionBrain/QuestionBrain.module.scss b/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/QuestionBrain/QuestionBrain.module.scss
index 7557af090..c873753b0 100644
--- a/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/QuestionBrain/QuestionBrain.module.scss
+++ b/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/QuestionBrain/QuestionBrain.module.scss
@@ -1,6 +1,6 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .brain_name_wrapper {
   display: flex;
@@ -16,4 +16,4 @@
   .brain_name {
     @include Typography.EllipsisOverflow;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/Source/Source.module.scss b/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/Source/Source.module.scss
index 686cf6dc7..d0f572309 100644
--- a/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/Source/Source.module.scss
+++ b/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/Source/Source.module.scss
@@ -1,7 +1,7 @@
-@use "@/styles/BoxShadow.module.scss";
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/BoxShadow.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .source_and_citations_container {
   display: flex;
diff --git a/frontend/app/chat/[chatId]/page.module.scss b/frontend/app/chat/[chatId]/page.module.scss
index 422a6204c..712af3196 100644
--- a/frontend/app/chat/[chatId]/page.module.scss
+++ b/frontend/app/chat/[chatId]/page.module.scss
@@ -1,4 +1,4 @@
-@use "@/styles/Spacings.module.scss";
+@use "styles/Spacings.module.scss";
 
 .main_container {
   display: flex;
@@ -27,4 +27,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/search/page.module.scss b/frontend/app/search/page.module.scss
index c47212eac..347c0c3a1 100644
--- a/frontend/app/search/page.module.scss
+++ b/frontend/app/search/page.module.scss
@@ -1,10 +1,10 @@
-@use "@/styles/IconSizes.module.scss";
-@use "@/styles/Radius.module.scss";
-@use "@/styles/ScreenSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
-@use "@/styles/Variables.module.scss";
-@use "@/styles/ZIndexes.module.scss";
+@use "styles/IconSizes.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/ScreenSizes.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
+@use "styles/Variables.module.scss";
+@use "styles/ZIndexes.module.scss";
 
 .main_container {
   position: relative;
@@ -105,4 +105,4 @@
     display: flex;
     gap: Spacings.$spacing05;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/studio/BrainsTabs/components/Analytics/Analytics.module.scss b/frontend/app/studio/BrainsTabs/components/Analytics/Analytics.module.scss
index 5839e4c31..bdf6d85d4 100644
--- a/frontend/app/studio/BrainsTabs/components/Analytics/Analytics.module.scss
+++ b/frontend/app/studio/BrainsTabs/components/Analytics/Analytics.module.scss
@@ -1,4 +1,4 @@
-@use "@/styles/Spacings.module.scss";
+@use "styles/Spacings.module.scss";
 
 .analytics_wrapper {
   padding: Spacings.$spacing06;
@@ -13,4 +13,4 @@
       width: 300px;
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/studio/BrainsTabs/components/ManageBrains/BrainsList/BrainItem/BrainItem.module.scss b/frontend/app/studio/BrainsTabs/components/ManageBrains/BrainsList/BrainItem/BrainItem.module.scss
index bfdbbd0dc..10d4cc2ee 100644
--- a/frontend/app/studio/BrainsTabs/components/ManageBrains/BrainsList/BrainItem/BrainItem.module.scss
+++ b/frontend/app/studio/BrainsTabs/components/ManageBrains/BrainsList/BrainItem/BrainItem.module.scss
@@ -1,8 +1,8 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/ScreenSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
-@use "@/styles/ZIndexes.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/ScreenSizes.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
+@use "styles/ZIndexes.module.scss";
 
 .brain_item_wrapper {
   padding-inline: Spacings.$spacing05;
@@ -67,4 +67,4 @@
     z-index: ZIndexes.$modal;
     padding-bottom: Spacings.$spacing01;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/studio/BrainsTabs/components/ManageBrains/BrainsList/BrainsList.module.scss b/frontend/app/studio/BrainsTabs/components/ManageBrains/BrainsList/BrainsList.module.scss
index a9ba99574..ad9189abf 100644
--- a/frontend/app/studio/BrainsTabs/components/ManageBrains/BrainsList/BrainsList.module.scss
+++ b/frontend/app/studio/BrainsTabs/components/ManageBrains/BrainsList/BrainsList.module.scss
@@ -1,7 +1,7 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/ScreenSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/ScreenSizes.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .brains_wrapper {
   display: flex;
@@ -34,4 +34,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/studio/BrainsTabs/components/ManageBrains/ManageBrains.module.scss b/frontend/app/studio/BrainsTabs/components/ManageBrains/ManageBrains.module.scss
index 30d89bc1b..c98d6ecca 100644
--- a/frontend/app/studio/BrainsTabs/components/ManageBrains/ManageBrains.module.scss
+++ b/frontend/app/studio/BrainsTabs/components/ManageBrains/ManageBrains.module.scss
@@ -1,4 +1,4 @@
-@use "@/styles/Spacings.module.scss";
+@use "styles/Spacings.module.scss";
 
 .manage_brains_wrapper {
   display: flex;
@@ -10,4 +10,4 @@
   .search_brain {
     width: 250px;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/studio/[brainId]/BrainManagementTabs/components/KnowledgeTab/KnowledgeTab.module.scss b/frontend/app/studio/[brainId]/BrainManagementTabs/components/KnowledgeTab/KnowledgeTab.module.scss
index e41672b2c..7f00e2342 100644
--- a/frontend/app/studio/[brainId]/BrainManagementTabs/components/KnowledgeTab/KnowledgeTab.module.scss
+++ b/frontend/app/studio/[brainId]/BrainManagementTabs/components/KnowledgeTab/KnowledgeTab.module.scss
@@ -1,7 +1,7 @@
-@use "@/styles/Spacings.module.scss";
+@use "styles/Spacings.module.scss";
 
 .knowledge_tab_wrapper {
   display: flex;
   justify-content: center;
   padding: Spacings.$spacing05;
-}
+}
\ No newline at end of file
diff --git a/frontend/app/studio/[brainId]/BrainManagementTabs/components/KnowledgeTab/KnowledgeTable/KnowledgeItem/KnowledgeItem.module.scss b/frontend/app/studio/[brainId]/BrainManagementTabs/components/KnowledgeTab/KnowledgeTable/KnowledgeItem/KnowledgeItem.module.scss
index d84d6d1aa..1e65d94d1 100644
--- a/frontend/app/studio/[brainId]/BrainManagementTabs/components/KnowledgeTab/KnowledgeTable/KnowledgeItem/KnowledgeItem.module.scss
+++ b/frontend/app/studio/[brainId]/BrainManagementTabs/components/KnowledgeTab/KnowledgeTable/KnowledgeItem/KnowledgeItem.module.scss
@@ -1,8 +1,8 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/ScreenSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
-@use "@/styles/ZIndexes.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/ScreenSizes.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
+@use "styles/ZIndexes.module.scss";
 
 .knowledge_item_wrapper {
   padding-inline: Spacings.$spacing05;
@@ -45,4 +45,4 @@
     z-index: ZIndexes.$modal;
     padding-bottom: Spacings.$spacing01;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/studio/[brainId]/BrainManagementTabs/components/KnowledgeTab/KnowledgeTable/KnowledgeTable.module.scss b/frontend/app/studio/[brainId]/BrainManagementTabs/components/KnowledgeTab/KnowledgeTable/KnowledgeTable.module.scss
index 0f9a767ea..e4e32d8a0 100644
--- a/frontend/app/studio/[brainId]/BrainManagementTabs/components/KnowledgeTab/KnowledgeTable/KnowledgeTable.module.scss
+++ b/frontend/app/studio/[brainId]/BrainManagementTabs/components/KnowledgeTab/KnowledgeTable/KnowledgeTable.module.scss
@@ -1,6 +1,6 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .knowledge_table_wrapper {
   display: flex;
@@ -10,4 +10,4 @@
   .title {
     @include Typography.H3;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/studio/[brainId]/BrainManagementTabs/components/PeopleTab/BrainUsers/components/UserToInvite/UserToInvite.module.scss b/frontend/app/studio/[brainId]/BrainManagementTabs/components/PeopleTab/BrainUsers/components/UserToInvite/UserToInvite.module.scss
index 7f80b63f6..7201fdf2a 100644
--- a/frontend/app/studio/[brainId]/BrainManagementTabs/components/PeopleTab/BrainUsers/components/UserToInvite/UserToInvite.module.scss
+++ b/frontend/app/studio/[brainId]/BrainManagementTabs/components/PeopleTab/BrainUsers/components/UserToInvite/UserToInvite.module.scss
@@ -1,5 +1,5 @@
-@use "@/styles/ScreenSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
+@use "styles/ScreenSizes.module.scss";
+@use "styles/Spacings.module.scss";
 
 .user_to_invite_wrapper {
   display: flex;
@@ -20,4 +20,4 @@
       width: 100%;
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/studio/[brainId]/BrainManagementTabs/components/PeopleTab/PeopleTab.module.scss b/frontend/app/studio/[brainId]/BrainManagementTabs/components/PeopleTab/PeopleTab.module.scss
index 120a23fee..a3a9eaccd 100644
--- a/frontend/app/studio/[brainId]/BrainManagementTabs/components/PeopleTab/PeopleTab.module.scss
+++ b/frontend/app/studio/[brainId]/BrainManagementTabs/components/PeopleTab/PeopleTab.module.scss
@@ -1,7 +1,7 @@
-@use "@/styles/BoxShadow.module.scss";
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/BoxShadow.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .people_tab_wrapper {
   display: flex;
@@ -28,4 +28,4 @@
       align-items: center;
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/studio/[brainId]/BrainManagementTabs/components/SettingsTab/SettingsTab.module.scss b/frontend/app/studio/[brainId]/BrainManagementTabs/components/SettingsTab/SettingsTab.module.scss
index ed2b960da..eb7040f17 100644
--- a/frontend/app/studio/[brainId]/BrainManagementTabs/components/SettingsTab/SettingsTab.module.scss
+++ b/frontend/app/studio/[brainId]/BrainManagementTabs/components/SettingsTab/SettingsTab.module.scss
@@ -1,8 +1,8 @@
-@use "@/styles/BoxShadow.module.scss";
-@use "@/styles/Radius.module.scss";
-@use "@/styles/ScreenSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/BoxShadow.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/ScreenSizes.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .main_container {
   display: flex;
@@ -72,4 +72,4 @@
       @include Typography.H3;
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/studio/[brainId]/BrainManagementTabs/components/SettingsTab/components/GeneralInformation/GeneralInformation.module.scss b/frontend/app/studio/[brainId]/BrainManagementTabs/components/SettingsTab/components/GeneralInformation/GeneralInformation.module.scss
index 0d6ff46d3..6ef83e182 100644
--- a/frontend/app/studio/[brainId]/BrainManagementTabs/components/SettingsTab/components/GeneralInformation/GeneralInformation.module.scss
+++ b/frontend/app/studio/[brainId]/BrainManagementTabs/components/SettingsTab/components/GeneralInformation/GeneralInformation.module.scss
@@ -1,5 +1,5 @@
-@use "@/styles/ScreenSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
+@use "styles/ScreenSizes.module.scss";
+@use "styles/Spacings.module.scss";
 
 .general_info_wrapper {
   display: flex;
@@ -21,4 +21,4 @@
       width: 100%;
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/studio/[brainId]/BrainManagementTabs/components/SettingsTab/components/ModelSelection/ModelSelection.module.scss b/frontend/app/studio/[brainId]/BrainManagementTabs/components/SettingsTab/components/ModelSelection/ModelSelection.module.scss
index 5cfc59dbc..90b2fe4be 100644
--- a/frontend/app/studio/[brainId]/BrainManagementTabs/components/SettingsTab/components/ModelSelection/ModelSelection.module.scss
+++ b/frontend/app/studio/[brainId]/BrainManagementTabs/components/SettingsTab/components/ModelSelection/ModelSelection.module.scss
@@ -1,5 +1,5 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
 
 .model_selection_wrapper {
   display: flex;
@@ -37,4 +37,4 @@
       cursor: pointer;
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/studio/[brainId]/BrainManagementTabs/components/SettingsTab/components/Prompt/Prompt.module.scss b/frontend/app/studio/[brainId]/BrainManagementTabs/components/SettingsTab/components/Prompt/Prompt.module.scss
index be9efeeeb..2cf0b6b66 100644
--- a/frontend/app/studio/[brainId]/BrainManagementTabs/components/SettingsTab/components/Prompt/Prompt.module.scss
+++ b/frontend/app/studio/[brainId]/BrainManagementTabs/components/SettingsTab/components/Prompt/Prompt.module.scss
@@ -1,5 +1,5 @@
-@use "@/styles/ScreenSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
+@use "styles/ScreenSizes.module.scss";
+@use "styles/Spacings.module.scss";
 
 .prompt_wrapper {
   display: flex;
@@ -18,4 +18,4 @@
     display: flex;
     justify-content: space-between;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/studio/[brainId]/BrainManagementTabs/components/SettingsTab/components/PublicPrompts/PublicPrompts.module.scss b/frontend/app/studio/[brainId]/BrainManagementTabs/components/SettingsTab/components/PublicPrompts/PublicPrompts.module.scss
index 1363d9727..8a2ef8e04 100644
--- a/frontend/app/studio/[brainId]/BrainManagementTabs/components/SettingsTab/components/PublicPrompts/PublicPrompts.module.scss
+++ b/frontend/app/studio/[brainId]/BrainManagementTabs/components/SettingsTab/components/PublicPrompts/PublicPrompts.module.scss
@@ -1,4 +1,4 @@
-@use "@/styles/ScreenSizes.module.scss";
+@use "styles/ScreenSizes.module.scss";
 
 .selector_wrapper {
   width: 300px;
@@ -6,4 +6,4 @@
   @media (max-width: ScreenSizes.$small) {
     width: 100%;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/studio/page.module.scss b/frontend/app/studio/page.module.scss
index 387580c78..7fae4a6b5 100644
--- a/frontend/app/studio/page.module.scss
+++ b/frontend/app/studio/page.module.scss
@@ -1,4 +1,4 @@
-@use "@/styles/Spacings.module.scss";
+@use "styles/Spacings.module.scss";
 
 .page_wrapper {
   display: flex;
@@ -13,4 +13,4 @@
     padding-block: Spacings.$spacing05;
     overflow-y: scroll;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/user/components/ApiKeyConfig/ApiKeyConfig.module.scss b/frontend/app/user/components/ApiKeyConfig/ApiKeyConfig.module.scss
index e09c7b759..5ae0fa5ca 100644
--- a/frontend/app/user/components/ApiKeyConfig/ApiKeyConfig.module.scss
+++ b/frontend/app/user/components/ApiKeyConfig/ApiKeyConfig.module.scss
@@ -1,6 +1,6 @@
-@use "@/styles/Spacings.module.scss";
+@use "styles/Spacings.module.scss";
 
 .response_wrapper {
   display: flex;
   gap: Spacings.$spacing03;
-}
+}
\ No newline at end of file
diff --git a/frontend/app/user/components/Connections/Connections.module.scss b/frontend/app/user/components/Connections/Connections.module.scss
index 6aa1f0a3c..f90d51dda 100644
--- a/frontend/app/user/components/Connections/Connections.module.scss
+++ b/frontend/app/user/components/Connections/Connections.module.scss
@@ -1,5 +1,5 @@
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .connections_wrapper {
   display: flex;
@@ -12,4 +12,4 @@
   .title {
     @include Typography.H2;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/user/components/Settings/Settings.module.scss b/frontend/app/user/components/Settings/Settings.module.scss
index c42743abd..23da89034 100644
--- a/frontend/app/user/components/Settings/Settings.module.scss
+++ b/frontend/app/user/components/Settings/Settings.module.scss
@@ -1,6 +1,6 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .settings_wrapper {
   display: flex;
@@ -12,4 +12,4 @@
   .title {
     @include Typography.H2;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/user/page.module.scss b/frontend/app/user/page.module.scss
index df757345e..f208195a3 100644
--- a/frontend/app/user/page.module.scss
+++ b/frontend/app/user/page.module.scss
@@ -1,6 +1,6 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/ScreenSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/ScreenSizes.module.scss";
+@use "styles/Spacings.module.scss";
 
 .user_page_container {
   padding-inline: Spacings.$spacing09;
@@ -30,4 +30,4 @@
     display: flex;
     justify-content: space-between;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/AddBrainModal/AddBrainModal.module.scss b/frontend/lib/components/AddBrainModal/AddBrainModal.module.scss
index be328e744..f2638da71 100644
--- a/frontend/lib/components/AddBrainModal/AddBrainModal.module.scss
+++ b/frontend/lib/components/AddBrainModal/AddBrainModal.module.scss
@@ -1,4 +1,4 @@
-@use "@/styles/Spacings.module.scss";
+@use "styles/Spacings.module.scss";
 
 .add_brain_modal_container {
   display: flex;
@@ -19,4 +19,4 @@
     flex-grow: 1;
     overflow: auto;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/AddBrainModal/components/BrainMainInfosStep/BrainMainInfosStep.module.scss b/frontend/lib/components/AddBrainModal/components/BrainMainInfosStep/BrainMainInfosStep.module.scss
index 621ea7102..6035c09be 100644
--- a/frontend/lib/components/AddBrainModal/components/BrainMainInfosStep/BrainMainInfosStep.module.scss
+++ b/frontend/lib/components/AddBrainModal/components/BrainMainInfosStep/BrainMainInfosStep.module.scss
@@ -1,6 +1,6 @@
-@use "@/styles/ScreenSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/ScreenSizes.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .brain_main_infos_wrapper {
   display: flex;
@@ -35,4 +35,4 @@
     display: flex;
     justify-content: flex-end;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/AddBrainModal/components/BrainRecapStep/BrainRecapCard/BrainRecapCard.module.scss b/frontend/lib/components/AddBrainModal/components/BrainRecapStep/BrainRecapCard/BrainRecapCard.module.scss
index 71098f476..01a1b9b46 100644
--- a/frontend/lib/components/AddBrainModal/components/BrainRecapStep/BrainRecapCard/BrainRecapCard.module.scss
+++ b/frontend/lib/components/AddBrainModal/components/BrainRecapStep/BrainRecapCard/BrainRecapCard.module.scss
@@ -1,7 +1,7 @@
-@use "@/styles/BoxShadow.module.scss";
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/BoxShadow.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .brain_recap_card_wrapper {
   display: flex;
@@ -21,4 +21,4 @@
   .type {
     @include Typography.H1;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/AddBrainModal/components/BrainRecapStep/BrainRecapStep.module.scss b/frontend/lib/components/AddBrainModal/components/BrainRecapStep/BrainRecapStep.module.scss
index c2fa88259..3343e259d 100644
--- a/frontend/lib/components/AddBrainModal/components/BrainRecapStep/BrainRecapStep.module.scss
+++ b/frontend/lib/components/AddBrainModal/components/BrainRecapStep/BrainRecapStep.module.scss
@@ -1,6 +1,6 @@
-@use "@/styles/ScreenSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/ScreenSizes.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .brain_recap_wrapper {
   display: flex;
@@ -53,14 +53,14 @@
       justify-content: space-between;
       gap: Spacings.$spacing05;
 
-      > * {
+      >* {
         min-width: 120px;
         max-width: 200px;
         flex: 1;
       }
 
       @media screen and (max-width: ScreenSizes.$small) {
-        > * {
+        >* {
           min-width: 100%;
           max-width: 100%;
           flex: 1;
@@ -73,4 +73,4 @@
     display: flex;
     justify-content: space-between;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/AddBrainModal/components/FeedBrainStep/FeedBrainStep.module.scss b/frontend/lib/components/AddBrainModal/components/FeedBrainStep/FeedBrainStep.module.scss
index fa7618b46..e994f7492 100644
--- a/frontend/lib/components/AddBrainModal/components/FeedBrainStep/FeedBrainStep.module.scss
+++ b/frontend/lib/components/AddBrainModal/components/FeedBrainStep/FeedBrainStep.module.scss
@@ -1,5 +1,5 @@
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .brain_knowledge_wrapper {
   display: flex;
@@ -40,4 +40,4 @@
     display: flex;
     justify-content: space-between;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/AddBrainModal/components/Stepper/Stepper.module.scss b/frontend/lib/components/AddBrainModal/components/Stepper/Stepper.module.scss
index 3526b661d..4fe7831a2 100644
--- a/frontend/lib/components/AddBrainModal/components/Stepper/Stepper.module.scss
+++ b/frontend/lib/components/AddBrainModal/components/Stepper/Stepper.module.scss
@@ -1,6 +1,6 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .stepper_wrapper {
   display: flex;
@@ -101,4 +101,4 @@
       background-color: var(--success);
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ConnectionCards/ConnectionCards.module.scss b/frontend/lib/components/ConnectionCards/ConnectionCards.module.scss
index 601dd681a..2c3d1f0dd 100644
--- a/frontend/lib/components/ConnectionCards/ConnectionCards.module.scss
+++ b/frontend/lib/components/ConnectionCards/ConnectionCards.module.scss
@@ -1,5 +1,5 @@
-@use "@/styles/ScreenSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
+@use "styles/ScreenSizes.module.scss";
+@use "styles/Spacings.module.scss";
 
 .connection_cards {
   display: grid;
@@ -10,4 +10,4 @@
   &.spaced {
     justify-content: space-between;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ConnectionCards/ConnectionSection/ConnectionButton/ConnectionButton.module.scss b/frontend/lib/components/ConnectionCards/ConnectionSection/ConnectionButton/ConnectionButton.module.scss
index d63655c3b..e5259172f 100644
--- a/frontend/lib/components/ConnectionCards/ConnectionSection/ConnectionButton/ConnectionButton.module.scss
+++ b/frontend/lib/components/ConnectionCards/ConnectionSection/ConnectionButton/ConnectionButton.module.scss
@@ -1,5 +1,5 @@
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .connection_button_wrapper {
   display: flex;
@@ -23,4 +23,4 @@
     display: flex;
     gap: Spacings.$spacing02;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ConnectionCards/ConnectionSection/ConnectionLine/ConnectionLine.module.scss b/frontend/lib/components/ConnectionCards/ConnectionSection/ConnectionLine/ConnectionLine.module.scss
index 51b6c794a..cf82d4bc9 100644
--- a/frontend/lib/components/ConnectionCards/ConnectionSection/ConnectionLine/ConnectionLine.module.scss
+++ b/frontend/lib/components/ConnectionCards/ConnectionSection/ConnectionLine/ConnectionLine.module.scss
@@ -1,5 +1,5 @@
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .connection_line_wrapper {
   display: flex;
@@ -22,4 +22,4 @@
     display: flex;
     gap: Spacings.$spacing02;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ConnectionCards/ConnectionSection/ConnectionSection.module.scss b/frontend/lib/components/ConnectionCards/ConnectionSection/ConnectionSection.module.scss
index cdcd657c4..a317e8e6a 100644
--- a/frontend/lib/components/ConnectionCards/ConnectionSection/ConnectionSection.module.scss
+++ b/frontend/lib/components/ConnectionCards/ConnectionSection/ConnectionSection.module.scss
@@ -1,9 +1,9 @@
-@use "@/styles/BoxShadow.module.scss";
-@use "@/styles/Radius.module.scss";
-@use "@/styles/ScreenSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Transitions.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/BoxShadow.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/ScreenSizes.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Transitions.module.scss";
+@use "styles/Typography.module.scss";
 
 .connection_section_wrapper {
   padding: Spacings.$spacing05;
@@ -81,4 +81,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/CurrentBrain/CurrentBrain.module.scss b/frontend/lib/components/CurrentBrain/CurrentBrain.module.scss
index 15614b57e..d20332ea9 100644
--- a/frontend/lib/components/CurrentBrain/CurrentBrain.module.scss
+++ b/frontend/lib/components/CurrentBrain/CurrentBrain.module.scss
@@ -1,5 +1,5 @@
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .current_brain_wrapper {
   background-color: var(--background-2);
@@ -41,4 +41,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/Menu/Menu.module.scss b/frontend/lib/components/Menu/Menu.module.scss
index 230775802..f100d9932 100644
--- a/frontend/lib/components/Menu/Menu.module.scss
+++ b/frontend/lib/components/Menu/Menu.module.scss
@@ -1,5 +1,5 @@
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/ZIndexes.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/ZIndexes.module.scss";
 
 .menu_container {
   background-color: var(--background-1);
@@ -52,4 +52,4 @@
   &.shifted {
     margin-left: 180px;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/Menu/components/DiscussionButton/DiscussionButton.module.scss b/frontend/lib/components/Menu/components/DiscussionButton/DiscussionButton.module.scss
index 3f2c57ff4..3549d2718 100644
--- a/frontend/lib/components/Menu/components/DiscussionButton/DiscussionButton.module.scss
+++ b/frontend/lib/components/Menu/components/DiscussionButton/DiscussionButton.module.scss
@@ -1,7 +1,7 @@
-@use "@/styles/BoxShadow.module.scss";
-@use "@/styles/IconSizes.module.scss";
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
+@use "styles/BoxShadow.module.scss";
+@use "styles/IconSizes.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
 
 .button_wrapper {
   display: flex;
@@ -42,4 +42,4 @@
     border-color: var(--primary-0);
     box-shadow: BoxShadow.$primary;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/Menu/components/MenuButton/MenuButton.module.scss b/frontend/lib/components/Menu/components/MenuButton/MenuButton.module.scss
index c7d1a702c..ba4b03877 100644
--- a/frontend/lib/components/Menu/components/MenuButton/MenuButton.module.scss
+++ b/frontend/lib/components/Menu/components/MenuButton/MenuButton.module.scss
@@ -1,6 +1,6 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .menu_button_wrapper {
   display: flex;
@@ -41,4 +41,4 @@
   &:hover {
     background-color: var(--background-3);
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/Menu/components/ProfileButton/ProfileButton.module.scss b/frontend/lib/components/Menu/components/ProfileButton/ProfileButton.module.scss
index 8d01270de..f29976b6e 100644
--- a/frontend/lib/components/Menu/components/ProfileButton/ProfileButton.module.scss
+++ b/frontend/lib/components/Menu/components/ProfileButton/ProfileButton.module.scss
@@ -1,6 +1,6 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .button_wrapper {
   display: flex;
@@ -22,4 +22,4 @@
   &:hover {
     background-color: var(--background-3);
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/Menu/components/SocialsButtons/SocialsButtons.module.scss b/frontend/lib/components/Menu/components/SocialsButtons/SocialsButtons.module.scss
index eff7304b3..ac6bf8d13 100644
--- a/frontend/lib/components/Menu/components/SocialsButtons/SocialsButtons.module.scss
+++ b/frontend/lib/components/Menu/components/SocialsButtons/SocialsButtons.module.scss
@@ -1,7 +1,7 @@
-@use "@/styles/Spacings.module.scss";
+@use "styles/Spacings.module.scss";
 
 .socials_buttons_wrapper {
   display: flex;
   gap: Spacings.$spacing05;
   justify-content: center;
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/Menu/components/ThreadsButton/ThreadsButton.module.scss b/frontend/lib/components/Menu/components/ThreadsButton/ThreadsButton.module.scss
index 51f6d05e7..fe0b16194 100644
--- a/frontend/lib/components/Menu/components/ThreadsButton/ThreadsButton.module.scss
+++ b/frontend/lib/components/Menu/components/ThreadsButton/ThreadsButton.module.scss
@@ -1,6 +1,6 @@
-@use "@/styles/ScreenSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/ScreenSizes.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .history_content_wrapper {
   position: relative;
@@ -12,4 +12,4 @@
   overflow-y: scroll;
   display: flex;
   flex-direction: column;
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/Menu/components/ThreadsButton/ThreadsSection/ThreadItem/ThreadItem.module.scss b/frontend/lib/components/Menu/components/ThreadsButton/ThreadsSection/ThreadItem/ThreadItem.module.scss
index b157c1625..0833abc8e 100644
--- a/frontend/lib/components/Menu/components/ThreadsButton/ThreadsSection/ThreadItem/ThreadItem.module.scss
+++ b/frontend/lib/components/Menu/components/ThreadsButton/ThreadsSection/ThreadItem/ThreadItem.module.scss
@@ -1,7 +1,7 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
-@use "@/styles/ZIndexes.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
+@use "styles/ZIndexes.module.scss";
 
 .thread_item_wrapper {
   color: var(--text-3);
@@ -51,4 +51,4 @@
       visibility: visible;
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/Menu/components/ThreadsButton/ThreadsSection/ThreadsSection.module.scss b/frontend/lib/components/Menu/components/ThreadsButton/ThreadsSection/ThreadsSection.module.scss
index 22be94915..9112d5ddf 100644
--- a/frontend/lib/components/Menu/components/ThreadsButton/ThreadsSection/ThreadsSection.module.scss
+++ b/frontend/lib/components/Menu/components/ThreadsButton/ThreadsSection/ThreadsSection.module.scss
@@ -1,4 +1,4 @@
-@use "@/styles/Spacings.module.scss";
+@use "styles/Spacings.module.scss";
 
 .chats_wrapper {
   border-left: 1px solid var(--border-2);
@@ -8,4 +8,4 @@
   flex-direction: column;
   gap: calc(#{Spacings.$spacing01} + #{Spacings.$spacing02});
   position: relative;
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/OnboardingModal/OnboardingModal.module.scss b/frontend/lib/components/OnboardingModal/OnboardingModal.module.scss
index fda5f81bc..7ff4aa02b 100644
--- a/frontend/lib/components/OnboardingModal/OnboardingModal.module.scss
+++ b/frontend/lib/components/OnboardingModal/OnboardingModal.module.scss
@@ -1,4 +1,4 @@
-@use "@/styles/Spacings.module.scss";
+@use "styles/Spacings.module.scss";
 
 .modal_content_wrapper {
   height: 100%;
@@ -18,4 +18,4 @@
     display: flex;
     justify-content: flex-end;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/PageHeader/Notifications/Notification/Notification.module.scss b/frontend/lib/components/PageHeader/Notifications/Notification/Notification.module.scss
index ce91bada6..26a3282d7 100644
--- a/frontend/lib/components/PageHeader/Notifications/Notification/Notification.module.scss
+++ b/frontend/lib/components/PageHeader/Notifications/Notification/Notification.module.scss
@@ -1,6 +1,6 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .notification_wrapper {
   padding: Spacings.$spacing03;
@@ -76,4 +76,4 @@
     font-size: Typography.$tiny;
     color: var(--text-2);
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/PageHeader/Notifications/Notifications.module.scss b/frontend/lib/components/PageHeader/Notifications/Notifications.module.scss
index 554736f8d..7b99c4f49 100644
--- a/frontend/lib/components/PageHeader/Notifications/Notifications.module.scss
+++ b/frontend/lib/components/PageHeader/Notifications/Notifications.module.scss
@@ -1,8 +1,8 @@
-@use "@/styles/BoxShadow.module.scss";
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
-@use "@/styles/ZIndexes.module.scss";
+@use "styles/BoxShadow.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
+@use "styles/ZIndexes.module.scss";
 
 .notifications_wrapper {
   position: relative;
@@ -59,4 +59,4 @@
       color: var(--text-2);
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/PageHeader/PageHeader.module.scss b/frontend/lib/components/PageHeader/PageHeader.module.scss
index 4c379f2a0..1e49b5e57 100644
--- a/frontend/lib/components/PageHeader/PageHeader.module.scss
+++ b/frontend/lib/components/PageHeader/PageHeader.module.scss
@@ -1,6 +1,6 @@
-@use "@/styles/ScreenSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/ScreenSizes.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .page_header_wrapper {
   display: flex;
@@ -33,4 +33,4 @@
     gap: Spacings.$spacing04;
     align-items: center;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/SearchModal/SearchModal.module.scss b/frontend/lib/components/SearchModal/SearchModal.module.scss
index cb9f61f57..8c5031352 100644
--- a/frontend/lib/components/SearchModal/SearchModal.module.scss
+++ b/frontend/lib/components/SearchModal/SearchModal.module.scss
@@ -1,6 +1,6 @@
-@use "@/styles/ScreenSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/ZIndexes.module.scss";
+@use "styles/ScreenSizes.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/ZIndexes.module.scss";
 
 .search_modal_wrapper {
   display: flex;
@@ -20,4 +20,4 @@
       margin-inline: Spacings.$spacing07;
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/Stripe/PricingModal/components/PricingTable/PricingTable.module.scss b/frontend/lib/components/Stripe/PricingModal/components/PricingTable/PricingTable.module.scss
index af8e17b16..e4a95270b 100644
--- a/frontend/lib/components/Stripe/PricingModal/components/PricingTable/PricingTable.module.scss
+++ b/frontend/lib/components/Stripe/PricingModal/components/PricingTable/PricingTable.module.scss
@@ -1,4 +1,4 @@
-@use "@/styles/Spacings.module.scss";
+@use "styles/Spacings.module.scss";
 
 .info_content {
   padding: Spacings.$spacing06;
@@ -6,4 +6,4 @@
   .bold {
     font-weight: 800;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/UploadDocumentModal/UploadDocumentModal.module.scss b/frontend/lib/components/UploadDocumentModal/UploadDocumentModal.module.scss
index 277a93e13..15e78a1a0 100644
--- a/frontend/lib/components/UploadDocumentModal/UploadDocumentModal.module.scss
+++ b/frontend/lib/components/UploadDocumentModal/UploadDocumentModal.module.scss
@@ -1,5 +1,5 @@
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/ZIndexes.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/ZIndexes.module.scss";
 
 .knowledge_modal {
   position: relative;
@@ -19,4 +19,4 @@
       justify-content: flex-end;
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ui/BrainCard/BrainCard.module.scss b/frontend/lib/components/ui/BrainCard/BrainCard.module.scss
index 4f1e618d5..f406346b1 100644
--- a/frontend/lib/components/ui/BrainCard/BrainCard.module.scss
+++ b/frontend/lib/components/ui/BrainCard/BrainCard.module.scss
@@ -1,7 +1,7 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/ScreenSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/ScreenSizes.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .brain_card_container {
   display: flex;
@@ -47,4 +47,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ui/Checkbox/Checkbox.module.scss b/frontend/lib/components/ui/Checkbox/Checkbox.module.scss
index 608701f68..1df30363b 100644
--- a/frontend/lib/components/ui/Checkbox/Checkbox.module.scss
+++ b/frontend/lib/components/ui/Checkbox/Checkbox.module.scss
@@ -1,5 +1,5 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
 
 .checkbox_wrapper {
   display: flex;
@@ -30,4 +30,4 @@
   &:hover {
     background-color: var(--background-3);
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ui/ConnectionIcon/ConnectionIcon.module.scss b/frontend/lib/components/ui/ConnectionIcon/ConnectionIcon.module.scss
index e0b22aaf5..08dbc9580 100644
--- a/frontend/lib/components/ui/ConnectionIcon/ConnectionIcon.module.scss
+++ b/frontend/lib/components/ui/ConnectionIcon/ConnectionIcon.module.scss
@@ -1,6 +1,6 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .connection_icon {
   border-radius: Radius.$circle;
@@ -15,4 +15,4 @@
   align-items: center;
   justify-content: center;
   border: 2px solid var(--background-0);
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ui/CountrySelector/CountrySelector.module.scss b/frontend/lib/components/ui/CountrySelector/CountrySelector.module.scss
index 180c23df4..eb5a783ca 100644
--- a/frontend/lib/components/ui/CountrySelector/CountrySelector.module.scss
+++ b/frontend/lib/components/ui/CountrySelector/CountrySelector.module.scss
@@ -1,4 +1,4 @@
-@use "@/styles/Radius.module.scss";
+@use "styles/Radius.module.scss";
 
 .selection {
   border-radius: Radius.$normal;
@@ -14,4 +14,4 @@
     box-shadow: none;
     border-color: var(--primary-0);
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ui/FieldHeader/FieldHeader.module.scss b/frontend/lib/components/ui/FieldHeader/FieldHeader.module.scss
index 9f75b01ca..1e72bd6d6 100644
--- a/frontend/lib/components/ui/FieldHeader/FieldHeader.module.scss
+++ b/frontend/lib/components/ui/FieldHeader/FieldHeader.module.scss
@@ -1,5 +1,5 @@
-@use "@/styles/Colors.module.scss";
-@use "@/styles/Spacings.module.scss";
+@use "styles/Colors.module.scss";
+@use "styles/Spacings.module.scss";
 
 .field_header_wrapper {
   display: flex;
@@ -11,4 +11,4 @@
   .mandatory {
     color: Colors.$dangerous;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ui/FileInput/FileInput.module.scss b/frontend/lib/components/ui/FileInput/FileInput.module.scss
index 5dc6346bf..030051960 100644
--- a/frontend/lib/components/ui/FileInput/FileInput.module.scss
+++ b/frontend/lib/components/ui/FileInput/FileInput.module.scss
@@ -1,6 +1,6 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .header_wrapper {
   display: flex;
@@ -29,4 +29,4 @@
 .error_message {
   font-size: Typography.$tiny;
   color: var(--dangerous);
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ui/FoldableSection/FoldableSection.module.scss b/frontend/lib/components/ui/FoldableSection/FoldableSection.module.scss
index 4643d34e5..6cde0e117 100644
--- a/frontend/lib/components/ui/FoldableSection/FoldableSection.module.scss
+++ b/frontend/lib/components/ui/FoldableSection/FoldableSection.module.scss
@@ -1,7 +1,7 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Transitions.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Transitions.module.scss";
+@use "styles/Typography.module.scss";
 
 .foldable_section_wrapper {
   display: flex;
diff --git a/frontend/lib/components/ui/Icon/Icon.module.scss b/frontend/lib/components/ui/Icon/Icon.module.scss
index 8a6df4ec0..ac95c17cb 100644
--- a/frontend/lib/components/ui/Icon/Icon.module.scss
+++ b/frontend/lib/components/ui/Icon/Icon.module.scss
@@ -1,4 +1,4 @@
-@use "@/styles/IconSizes.module.scss";
+@use "styles/IconSizes.module.scss";
 
 .tiny {
   min-width: IconSizes.$tiny;
@@ -91,4 +91,4 @@
 
 .hovered {
   cursor: pointer;
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ui/InfoDisplayer/InfoDisplayer.module.scss b/frontend/lib/components/ui/InfoDisplayer/InfoDisplayer.module.scss
index e2bfadd1f..364434d0b 100644
--- a/frontend/lib/components/ui/InfoDisplayer/InfoDisplayer.module.scss
+++ b/frontend/lib/components/ui/InfoDisplayer/InfoDisplayer.module.scss
@@ -1,6 +1,6 @@
-@use "@/styles/Spacings.module.scss";
+@use "styles/Spacings.module.scss";
 
 .info_displayer_container {
   display: flex;
   flex-direction: column;
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ui/LoaderIcon/LoaderIcon.module.scss b/frontend/lib/components/ui/LoaderIcon/LoaderIcon.module.scss
index 751016d1a..6f83fa81b 100644
--- a/frontend/lib/components/ui/LoaderIcon/LoaderIcon.module.scss
+++ b/frontend/lib/components/ui/LoaderIcon/LoaderIcon.module.scss
@@ -1,4 +1,4 @@
-@use "@/styles/IconSizes.module.scss";
+@use "styles/IconSizes.module.scss";
 
 .loader_icon {
   animation: spin 1s linear infinite;
@@ -7,8 +7,9 @@
     from {
       transform: rotate(0deg);
     }
+
     to {
       transform: rotate(360deg);
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ui/MessageInfoBox/MessageInfoBox.module.scss b/frontend/lib/components/ui/MessageInfoBox/MessageInfoBox.module.scss
index ec03832d5..34092081d 100644
--- a/frontend/lib/components/ui/MessageInfoBox/MessageInfoBox.module.scss
+++ b/frontend/lib/components/ui/MessageInfoBox/MessageInfoBox.module.scss
@@ -1,5 +1,5 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
 
 .message_info_box_wrapper {
   padding: Spacings.$spacing03;
@@ -38,4 +38,4 @@
   &.dark {
     background-color: var(--background-special-0);
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ui/Modal/Modal.module.scss b/frontend/lib/components/ui/Modal/Modal.module.scss
index 3fec8fd3a..dd7c46824 100644
--- a/frontend/lib/components/ui/Modal/Modal.module.scss
+++ b/frontend/lib/components/ui/Modal/Modal.module.scss
@@ -1,8 +1,8 @@
-@use "@/styles/BoxShadow.module.scss";
-@use "@/styles/Radius.module.scss";
-@use "@/styles/ScreenSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/ZIndexes.module.scss";
+@use "styles/BoxShadow.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/ScreenSizes.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/ZIndexes.module.scss";
 
 .modal_container {
   display: flex;
@@ -55,4 +55,4 @@
       outline: none;
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ui/OptionsModal/OptionsModal.module.scss b/frontend/lib/components/ui/OptionsModal/OptionsModal.module.scss
index ad2722067..c8c6f58b7 100644
--- a/frontend/lib/components/ui/OptionsModal/OptionsModal.module.scss
+++ b/frontend/lib/components/ui/OptionsModal/OptionsModal.module.scss
@@ -1,7 +1,7 @@
-@use "@/styles/BoxShadow.module.scss";
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/ZIndexes.module.scss";
+@use "styles/BoxShadow.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/ZIndexes.module.scss";
 
 .options_modal_wrapper {
   background-color: var(--background-1);
@@ -34,4 +34,4 @@
       opacity: 0.5;
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ui/QuivrButton/QuivrButton.module.scss b/frontend/lib/components/ui/QuivrButton/QuivrButton.module.scss
index 83b0efb96..5d28c3e7b 100644
--- a/frontend/lib/components/ui/QuivrButton/QuivrButton.module.scss
+++ b/frontend/lib/components/ui/QuivrButton/QuivrButton.module.scss
@@ -1,7 +1,7 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/ScreenSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/ScreenSizes.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .button_wrapper {
   font-size: Typography.$small;
@@ -82,4 +82,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ui/SearchBar/SearchBar.module.scss b/frontend/lib/components/ui/SearchBar/SearchBar.module.scss
index 88d98bee8..2570055f2 100644
--- a/frontend/lib/components/ui/SearchBar/SearchBar.module.scss
+++ b/frontend/lib/components/ui/SearchBar/SearchBar.module.scss
@@ -1,7 +1,7 @@
-@use "@/styles/BoxShadow.module.scss";
-@use "@/styles/IconSizes.module.scss";
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
+@use "styles/BoxShadow.module.scss";
+@use "styles/IconSizes.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
 
 .search_bar_wrapper {
   display: flex;
@@ -36,4 +36,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ui/SingleSelector/SingleSelector.module.scss b/frontend/lib/components/ui/SingleSelector/SingleSelector.module.scss
index 3358e56e9..2aa0773c1 100644
--- a/frontend/lib/components/ui/SingleSelector/SingleSelector.module.scss
+++ b/frontend/lib/components/ui/SingleSelector/SingleSelector.module.scss
@@ -1,8 +1,8 @@
-@use "@/styles/IconSizes.module.scss";
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
-@use "@/styles/ZIndexes.module.scss";
+@use "styles/IconSizes.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
+@use "styles/ZIndexes.module.scss";
 
 .single_selector_wrapper {
   display: flex;
@@ -105,4 +105,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ui/SwitchButton/SwitchButton.module.scss b/frontend/lib/components/ui/SwitchButton/SwitchButton.module.scss
index 110cf519e..65298a952 100644
--- a/frontend/lib/components/ui/SwitchButton/SwitchButton.module.scss
+++ b/frontend/lib/components/ui/SwitchButton/SwitchButton.module.scss
@@ -1,6 +1,6 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .switch_wrapper {
   display: flex;
@@ -35,4 +35,4 @@
       transition: margin-left 0.2s ease-in-out;
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ui/Tabs/Tabs.module.scss b/frontend/lib/components/ui/Tabs/Tabs.module.scss
index d6d4a059b..8e410c320 100644
--- a/frontend/lib/components/ui/Tabs/Tabs.module.scss
+++ b/frontend/lib/components/ui/Tabs/Tabs.module.scss
@@ -1,7 +1,7 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/ScreenSizes.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/ScreenSizes.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .tabs_container {
   display: flex;
@@ -57,4 +57,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ui/Tag/Tag.module.scss b/frontend/lib/components/ui/Tag/Tag.module.scss
index 3e973468e..b89687c8d 100644
--- a/frontend/lib/components/ui/Tag/Tag.module.scss
+++ b/frontend/lib/components/ui/Tag/Tag.module.scss
@@ -1,6 +1,6 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .tag_wrapper {
   padding: Spacings.$spacing01;
@@ -16,4 +16,4 @@
   &.gold {
     background-color: var(--gold);
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ui/TextAreaInput/TextAreaInput.module.scss b/frontend/lib/components/ui/TextAreaInput/TextAreaInput.module.scss
index cb34fbcc7..5dc2d5b2b 100644
--- a/frontend/lib/components/ui/TextAreaInput/TextAreaInput.module.scss
+++ b/frontend/lib/components/ui/TextAreaInput/TextAreaInput.module.scss
@@ -1,5 +1,5 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
 
 .text_area_input_container {
   display: flex;
@@ -39,4 +39,4 @@
       box-shadow: none;
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ui/TextButton/TextButton.module.scss b/frontend/lib/components/ui/TextButton/TextButton.module.scss
index e6ab3ec27..475b6bd50 100644
--- a/frontend/lib/components/ui/TextButton/TextButton.module.scss
+++ b/frontend/lib/components/ui/TextButton/TextButton.module.scss
@@ -1,5 +1,5 @@
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
 
 .text_button_wrapper {
   display: flex;
@@ -33,4 +33,4 @@
       color: var(--dangerous-0);
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ui/TextInput/TextInput.module.scss b/frontend/lib/components/ui/TextInput/TextInput.module.scss
index 59b969656..f602ee239 100644
--- a/frontend/lib/components/ui/TextInput/TextInput.module.scss
+++ b/frontend/lib/components/ui/TextInput/TextInput.module.scss
@@ -1,5 +1,5 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
 
 .text_input_container {
   display: flex;
@@ -38,4 +38,4 @@
       box-shadow: none;
     }
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/lib/components/ui/Tooltip/Tooltip.module.scss b/frontend/lib/components/ui/Tooltip/Tooltip.module.scss
index 0e52ef223..6c207c593 100644
--- a/frontend/lib/components/ui/Tooltip/Tooltip.module.scss
+++ b/frontend/lib/components/ui/Tooltip/Tooltip.module.scss
@@ -1,7 +1,7 @@
-@use "@/styles/Radius.module.scss";
-@use "@/styles/Spacings.module.scss";
-@use "@/styles/Typography.module.scss";
-@use "@/styles/ZIndexes.module.scss";
+@use "styles/Radius.module.scss";
+@use "styles/Spacings.module.scss";
+@use "styles/Typography.module.scss";
+@use "styles/ZIndexes.module.scss";
 
 .tooltip_content_wrapper {
   z-index: ZIndexes.$tooltip;
diff --git a/frontend/package.json b/frontend/package.json
index bd9695f6a..feccf1660 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev --turbo",
     "build": "next build",
     "postbuild": "next-sitemap",
     "start": "next start",
@@ -118,4 +118,4 @@
     "react-icons": "4.11.0",
     "vitest": "0.32.4"
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index b28281e72..90c054af1 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "baseUrl": ".",
     "lib": [
       "dom",
       "dom.iterable",
@@ -26,6 +27,9 @@
     "paths": {
       "@/*": [
         "./*"
+      ],
+      "@/styles/*": [
+        "styles/*"
       ]
     }
   },