diff --git a/frontend/src/app/components/main.component.scss b/frontend/src/app/components/main.component.scss
index d991707..f3b1e00 100644
--- a/frontend/src/app/components/main.component.scss
+++ b/frontend/src/app/components/main.component.scss
@@ -1,4 +1,4 @@
-@import "theme/vars";
+@import "~theme/vars";
 
 :host {
     position: absolute;
diff --git a/frontend/src/homepage/components/demoTerminal.component.scss b/frontend/src/homepage/components/demoTerminal.component.scss
index be45980..3a37ad6 100644
--- a/frontend/src/homepage/components/demoTerminal.component.scss
+++ b/frontend/src/homepage/components/demoTerminal.component.scss
@@ -1,4 +1,4 @@
-@import "theme/vars";
+@import "~theme/vars";
 
 :host {
     display: flex;
diff --git a/frontend/src/homepage/components/home.component.scss b/frontend/src/homepage/components/home.component.scss
index fe4b045..7bd23a2 100644
--- a/frontend/src/homepage/components/home.component.scss
+++ b/frontend/src/homepage/components/home.component.scss
@@ -1,4 +1,4 @@
-@import "theme/vars";
+@import "~theme/vars";
 @import "~@fontsource/fira-code/latin.css";
 
 :host {
diff --git a/frontend/src/homepage/components/homeIndex.component.scss b/frontend/src/homepage/components/homeIndex.component.scss
index 8d4c1d5..2cf250d 100644
--- a/frontend/src/homepage/components/homeIndex.component.scss
+++ b/frontend/src/homepage/components/homeIndex.component.scss
@@ -1,4 +1,4 @@
-@import "theme/vars";
+@import "~theme/vars";
 
 h1 {
     font-family: $font-family-monospace;