diff --git a/src/components/AllRequestedWines.vue b/src/components/AllRequestedWines.vue
index 67a54a0..a2996d1 100644
--- a/src/components/AllRequestedWines.vue
+++ b/src/components/AllRequestedWines.vue
@@ -39,8 +39,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../styles/media-queries.scss";
-@import "./src/styles/variables.scss";
+@import "@/styles/media-queries.scss";
+@import "@/styles/variables.scss";
 
 .container {
   width: 90vw;
diff --git a/src/components/AllWinesPage.vue b/src/components/AllWinesPage.vue
index c4b0494..39c1367 100644
--- a/src/components/AllWinesPage.vue
+++ b/src/components/AllWinesPage.vue
@@ -62,8 +62,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/styles/media-queries";
-@import "./src/styles/variables";
+@import "@/styles/media-queries";
+@import "@/styles/variables";
 
 .container {
   width: 90vw;
diff --git a/src/components/HighscorePage.vue b/src/components/HighscorePage.vue
index 7645d42..e3af49c 100644
--- a/src/components/HighscorePage.vue
+++ b/src/components/HighscorePage.vue
@@ -93,8 +93,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/styles/media-queries.scss";
-@import "./src/styles/variables.scss";
+@import "@/styles/media-queries.scss";
+@import "@/styles/variables.scss";
 $elementSpacing: 3.5rem;
 
 .el-spacing {
diff --git a/src/components/PersonalHighscorePage.vue b/src/components/PersonalHighscorePage.vue
index 0d3116b..d3a1a8b 100644
--- a/src/components/PersonalHighscorePage.vue
+++ b/src/components/PersonalHighscorePage.vue
@@ -125,8 +125,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/styles/variables";
-@import "./src/styles/media-queries";
+@import "@/styles/variables";
+@import "@/styles/media-queries";
 
 $elementSpacing: 3rem;
 
diff --git a/src/components/RequestWine.vue b/src/components/RequestWine.vue
index 81dd7c8..432a743 100644
--- a/src/components/RequestWine.vue
+++ b/src/components/RequestWine.vue
@@ -97,9 +97,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/styles/media-queries";
-@import "./src/styles/global";
-@import "./src/styles/variables";
+@import "@/styles/media-queries";
+@import "@/styles/global";
+@import "@/styles/variables";
 
 
 h1{
diff --git a/src/components/TodaysPage.vue b/src/components/TodaysPage.vue
index 4cca96b..4022b8f 100644
--- a/src/components/TodaysPage.vue
+++ b/src/components/TodaysPage.vue
@@ -30,8 +30,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/styles/media-queries";
-@import "./src/styles/variables";
+@import "@/styles/media-queries";
+@import "@/styles/variables";
 
 .wine-image {
   height: 250px;
diff --git a/src/components/WinnerPage.vue b/src/components/WinnerPage.vue
index 2b76296..45b0834 100644
--- a/src/components/WinnerPage.vue
+++ b/src/components/WinnerPage.vue
@@ -70,7 +70,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/styles/global";
+@import "@/styles/global";
 .container {
   display: flex;
   justify-content: center;
diff --git a/src/ui/RequestedWineCard.vue b/src/ui/RequestedWineCard.vue
index addabe5..3ba985a 100644
--- a/src/ui/RequestedWineCard.vue
+++ b/src/ui/RequestedWineCard.vue
@@ -77,7 +77,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/styles/variables";
+@import "@/styles/variables";
 
 .requested-count {
   display: flex;
diff --git a/src/ui/ScanToVinmonopolet.vue b/src/ui/ScanToVinmonopolet.vue
index ad676ac..272a8ac 100644
--- a/src/ui/ScanToVinmonopolet.vue
+++ b/src/ui/ScanToVinmonopolet.vue
@@ -94,8 +94,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/styles/variables";
-@import "./src/styles/global";
+@import "@/styles/variables";
+@import "@/styles/global";
 
 video {
   width: 100%;
diff --git a/src/ui/Wine.vue b/src/ui/Wine.vue
index 78118c0..e9aa3ff 100644
--- a/src/ui/Wine.vue
+++ b/src/ui/Wine.vue
@@ -62,8 +62,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/styles/media-queries";
-@import "./src/styles/variables";
+@import "@/styles/media-queries";
+@import "@/styles/variables";
 
 .wine {
   padding: 1rem;
diff --git a/src/ui/Wines.vue b/src/ui/Wines.vue
index dab7cbf..1638288 100644
--- a/src/ui/Wines.vue
+++ b/src/ui/Wines.vue
@@ -124,8 +124,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/styles/variables.scss";
-@import "./src/styles/global.scss";
+@import "@/styles/variables.scss";
+@import "@/styles/global.scss";
 @import "../styles/media-queries.scss";
 
 .wines-main-container {