diff --git a/src/components/404.vue b/src/components/404.vue
index 68eca47..7a0d1d4 100644
--- a/src/components/404.vue
+++ b/src/components/404.vue
@@ -31,8 +31,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/variables";
-@import "./src/scss/media-queries";
+@import "src/scss/variables";
+@import "src/scss/media-queries";
 
 .button {
   font-size: 1.2rem;
diff --git a/src/components/ActivityPage.vue b/src/components/ActivityPage.vue
index 3660954..fefb0ee 100644
--- a/src/components/ActivityPage.vue
+++ b/src/components/ActivityPage.vue
@@ -287,7 +287,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/variables";
+@import "src/scss/variables";
 
 .wrapper {
   padding: 2rem;
diff --git a/src/components/AutocompleteDropdown.vue b/src/components/AutocompleteDropdown.vue
index d3c30cf..a90d3c9 100644
--- a/src/components/AutocompleteDropdown.vue
+++ b/src/components/AutocompleteDropdown.vue
@@ -5,9 +5,9 @@
         v-for="result in searchResults"
         :key="`${result.index}-${result.title}-${result.type}`"
         @click="openPopup(result)"
-        :class="`result di-${result.index} ${
-          result.index === index ? 'active' : ''
-        }`"
+        :class="
+          `result di-${result.index} ${result.index === index ? 'active' : ''}`
+        "
       >
         <IconMovie v-if="result.type == 'movie'" class="type-icon" />
         <IconShow v-if="result.type == 'show'" class="type-icon" />
@@ -131,9 +131,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/variables";
-@import "./src/scss/media-queries";
-@import "./src/scss/main";
+@import "src/scss/variables";
+@import "src/scss/media-queries";
+@import "src/scss/main";
 $sizes: 22;
 
 @for $i from 0 through $sizes {
@@ -223,7 +223,6 @@ li.result {
   &:hover,
   &:active {
     color: var(--text-color);
-    // background-color: var(--background-color-secondary);
     border-bottom: 2px solid var(--color-green);
 
     .type-icon {
diff --git a/src/components/LandingBanner.vue b/src/components/LandingBanner.vue
index ca745bb..bb99afb 100644
--- a/src/components/LandingBanner.vue
+++ b/src/components/LandingBanner.vue
@@ -55,8 +55,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/variables";
-@import "./src/scss/media-queries";
+@import "src/scss/variables";
+@import "src/scss/media-queries";
 
 header {
   width: 100%;
diff --git a/src/components/ListHeader.vue b/src/components/ListHeader.vue
index 597deaf..8fc2c5f 100644
--- a/src/components/ListHeader.vue
+++ b/src/components/ListHeader.vue
@@ -42,9 +42,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/variables";
-@import "./src/scss/media-queries";
-@import "./src/scss/main";
+@import "src/scss/variables";
+@import "src/scss/media-queries";
+@import "src/scss/main";
 
 header {
   width: 100%;
diff --git a/src/components/Movie.vue b/src/components/Movie.vue
index 991ed34..1d40996 100644
--- a/src/components/Movie.vue
+++ b/src/components/Movie.vue
@@ -329,10 +329,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/loading-placeholder";
-@import "./src/scss/variables";
-@import "./src/scss/media-queries";
-@import "./src/scss/main";
+@import "src/scss/loading-placeholder";
+@import "src/scss/variables";
+@import "src/scss/media-queries";
+@import "src/scss/main";
 
 header {
   $duration: 0.2s;
diff --git a/src/components/MoviePopup.vue b/src/components/MoviePopup.vue
index 934a3fc..2024d99 100644
--- a/src/components/MoviePopup.vue
+++ b/src/components/MoviePopup.vue
@@ -63,8 +63,8 @@ export default {
 </script>
 
 <style lang="scss">
-@import "./src/scss/variables";
-@import "./src/scss/media-queries";
+@import "src/scss/variables";
+@import "src/scss/media-queries";
 
 .movie-popup {
   position: fixed;
diff --git a/src/components/MoviesListItem.vue b/src/components/MoviesListItem.vue
index 18a663d..10e9491 100644
--- a/src/components/MoviesListItem.vue
+++ b/src/components/MoviesListItem.vue
@@ -110,9 +110,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/variables";
-@import "./src/scss/media-queries";
-@import "./src/scss/main";
+@import "src/scss/variables";
+@import "src/scss/media-queries";
+@import "src/scss/main";
 
 .movie-item {
   padding: 15px;
@@ -190,7 +190,7 @@ export default {
 </style>
 
 <style lang="scss" scoped>
-@import "./src/scss/variables";
+@import "src/scss/variables";
 
 .progress {
   position: absolute;
diff --git a/src/components/NavigationHeader.vue b/src/components/NavigationHeader.vue
index 8223258..9a48870 100644
--- a/src/components/NavigationHeader.vue
+++ b/src/components/NavigationHeader.vue
@@ -63,8 +63,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/variables";
-@import "./src/scss/media-queries";
+@import "src/scss/variables";
+@import "src/scss/media-queries";
 
 .spacer {
   @include mobile-only {
diff --git a/src/components/NavigationIcons.vue b/src/components/NavigationIcons.vue
index 6237710..fe5fb51 100644
--- a/src/components/NavigationIcons.vue
+++ b/src/components/NavigationIcons.vue
@@ -91,7 +91,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/media-queries";
+@import "src/scss/media-queries";
 
 .navigation-icons {
   display: inline-flex;
diff --git a/src/components/Profile.vue b/src/components/Profile.vue
index ce25cab..0c92350 100644
--- a/src/components/Profile.vue
+++ b/src/components/Profile.vue
@@ -131,8 +131,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/variables";
-@import "./src/scss/media-queries";
+@import "src/scss/variables";
+@import "src/scss/media-queries";
 
 .button--group {
   display: flex;
diff --git a/src/components/Register.vue b/src/components/Register.vue
index 1bb6c8e..2a22514 100644
--- a/src/components/Register.vue
+++ b/src/components/Register.vue
@@ -105,7 +105,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/variables";
+@import "src/scss/variables";
 
 section {
   padding: 1.3rem;
diff --git a/src/components/ResultsSection.vue b/src/components/ResultsSection.vue
index a70d61b..c582fc7 100644
--- a/src/components/ResultsSection.vue
+++ b/src/components/ResultsSection.vue
@@ -141,7 +141,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/media-queries";
+@import "src/scss/media-queries";
 
 .load-button {
   display: flex;
diff --git a/src/components/SearchInput.vue b/src/components/SearchInput.vue
index 217988b..f93f0dc 100644
--- a/src/components/SearchInput.vue
+++ b/src/components/SearchInput.vue
@@ -156,9 +156,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/variables";
-@import "./src/scss/media-queries";
-@import "./src/scss/main";
+@import "src/scss/variables";
+@import "src/scss/media-queries";
+@import "src/scss/main";
 
 .close-icon {
   position: absolute;
diff --git a/src/components/Settings.vue b/src/components/Settings.vue
index e8da4be..c4cc75e 100644
--- a/src/components/Settings.vue
+++ b/src/components/Settings.vue
@@ -153,8 +153,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/variables";
-@import "./src/scss/media-queries";
+@import "src/scss/variables";
+@import "src/scss/media-queries";
 
 a {
   text-decoration: none;
diff --git a/src/components/Signin.vue b/src/components/Signin.vue
index 9745113..a4e7bc2 100644
--- a/src/components/Signin.vue
+++ b/src/components/Signin.vue
@@ -95,7 +95,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/variables";
+@import "src/scss/variables";
 
 section {
   padding: 1.3rem;
diff --git a/src/components/TorrentList.vue b/src/components/TorrentList.vue
index 25bb61e..d93ab20 100644
--- a/src/components/TorrentList.vue
+++ b/src/components/TorrentList.vue
@@ -286,7 +286,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/variables";
+@import "src/scss/variables";
 .expanded {
   display: flex;
   padding: 0.25rem 1rem;
diff --git a/src/components/ui/Hamburger.vue b/src/components/ui/Hamburger.vue
index c389a37..a6f42e4 100644
--- a/src/components/ui/Hamburger.vue
+++ b/src/components/ui/Hamburger.vue
@@ -20,7 +20,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/media-queries";
+@import "src/scss/media-queries";
 
 .nav__hamburger {
   display: block;
diff --git a/src/components/ui/Loader.vue b/src/components/ui/Loader.vue
index 552062c..43678e9 100644
--- a/src/components/ui/Loader.vue
+++ b/src/components/ui/Loader.vue
@@ -7,7 +7,7 @@
 </template>
 
 <style lang="scss" scoped>
-@import "./src/scss/variables";
+@import "src/scss/variables";
 
 .loader {
   display: flex;
@@ -16,7 +16,7 @@
   justify-content: center;
   align-items: center;
 
-  &--icon{
+  &--icon {
     border: 2px solid $text-color-70;
     border-radius: 50%;
     display: block;
@@ -32,7 +32,7 @@
       &:after {
         border: 7px solid $green-90;
         border-radius: 50%;
-        content: '';
+        content: "";
         left: 8px;
         position: absolute;
         top: 22px;
@@ -40,7 +40,9 @@
     }
   }
   @keyframes load {
-    100% { transform: rotate(360deg); }
+    100% {
+      transform: rotate(360deg);
+    }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/ui/LoadingPlaceholder.vue b/src/components/ui/LoadingPlaceholder.vue
index 58a6e13..db96719 100644
--- a/src/components/ui/LoadingPlaceholder.vue
+++ b/src/components/ui/LoadingPlaceholder.vue
@@ -22,6 +22,5 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/loading-placeholder";
-
-</style>
\ No newline at end of file
+@import "src/scss/loading-placeholder";
+</style>
diff --git a/src/components/ui/MovieDescription.vue b/src/components/ui/MovieDescription.vue
index 20d28e1..4379074 100644
--- a/src/components/ui/MovieDescription.vue
+++ b/src/components/ui/MovieDescription.vue
@@ -64,7 +64,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/media-queries";
+@import "src/scss/media-queries";
 
 .movie-description {
   font-weight: 300;
diff --git a/src/components/ui/MovieDetail.vue b/src/components/ui/MovieDetail.vue
index 7a655b5..62960fa 100644
--- a/src/components/ui/MovieDetail.vue
+++ b/src/components/ui/MovieDetail.vue
@@ -23,7 +23,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/media-queries";
+@import "src/scss/media-queries";
 
 .movie-detail {
   margin-bottom: 20px;
diff --git a/src/components/ui/NavigationIcon.vue b/src/components/ui/NavigationIcon.vue
index 8e1093c..06f1deb 100644
--- a/src/components/ui/NavigationIcon.vue
+++ b/src/components/ui/NavigationIcon.vue
@@ -35,7 +35,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/media-queries";
+@import "src/scss/media-queries";
 
 .navigation-link {
   display: grid;
diff --git a/src/components/ui/SeasonedButton.vue b/src/components/ui/SeasonedButton.vue
index 578a94c..5a5ea98 100644
--- a/src/components/ui/SeasonedButton.vue
+++ b/src/components/ui/SeasonedButton.vue
@@ -32,8 +32,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/variables";
-@import "./src/scss/media-queries";
+@import "src/scss/variables";
+@import "src/scss/media-queries";
 
 button {
   display: inline-block;
diff --git a/src/components/ui/SeasonedInput.vue b/src/components/ui/SeasonedInput.vue
index 267f23e..98d560e 100644
--- a/src/components/ui/SeasonedInput.vue
+++ b/src/components/ui/SeasonedInput.vue
@@ -68,8 +68,8 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-@import "./src/scss/variables";
-@import "./src/scss/media-queries";
+@import "src/scss/variables";
+@import "src/scss/media-queries";
 
 .group {
   display: flex;
diff --git a/src/components/ui/SeasonedMessages.vue b/src/components/ui/SeasonedMessages.vue
index b9f2153..d62e4e4 100644
--- a/src/components/ui/SeasonedMessages.vue
+++ b/src/components/ui/SeasonedMessages.vue
@@ -47,8 +47,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/variables";
-@import "./src/scss/media-queries";
+@import "src/scss/variables";
+@import "src/scss/media-queries";
 
 .fade-enter-active {
   transition: opacity .4s;
diff --git a/src/components/ui/ToggleButton.vue b/src/components/ui/ToggleButton.vue
index 9cce331..655e05e 100644
--- a/src/components/ui/ToggleButton.vue
+++ b/src/components/ui/ToggleButton.vue
@@ -45,7 +45,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "./src/scss/variables";
+@import "src/scss/variables";
 
 $background: $background-ui;
 $background-selected: $background-color-secondary;
diff --git a/src/components/ui/sidebarListElem.vue b/src/components/ui/sidebarListElem.vue
index ca1e649..3fbb59b 100644
--- a/src/components/ui/sidebarListElem.vue
+++ b/src/components/ui/sidebarListElem.vue
@@ -24,7 +24,7 @@ export default {
 </script>
 
 <style lang="scss">
-@import "./src/scss/media-queries";
+@import "src/scss/media-queries";
 
 li.sidebar-list-element {
   display: flex;
diff --git a/src/scss/elements.scss b/src/scss/elements.scss
index e15e36c..37361b2 100644
--- a/src/scss/elements.scss
+++ b/src/scss/elements.scss
@@ -1,5 +1,5 @@
-@import "./src/scss/variables";
-@import "./src/scss/media-queries";
+@import "src/scss/variables";
+@import "src/scss/media-queries";
 
 .filter {
   margin: 1rem;
diff --git a/src/scss/loading-placeholder.scss b/src/scss/loading-placeholder.scss
index bc790a7..400e9a6 100644
--- a/src/scss/loading-placeholder.scss
+++ b/src/scss/loading-placeholder.scss
@@ -1,4 +1,4 @@
-@import "./src/scss/variables";
+@import "src/scss/variables";
 
 // Loading placeholder styling
 @mixin nth-children($points...) {
diff --git a/src/scss/main.scss b/src/scss/main.scss
index 0a2fb40..bbda671 100644
--- a/src/scss/main.scss
+++ b/src/scss/main.scss
@@ -1,4 +1,4 @@
-@import "./src/scss/variables";
+@import "src/scss/variables";
 
 .noselect {
   -webkit-touch-callout: none; /* iOS Safari */
diff --git a/src/scss/variables.scss b/src/scss/variables.scss
index d55217f..4999e87 100644
--- a/src/scss/variables.scss
+++ b/src/scss/variables.scss
@@ -1,6 +1,6 @@
 // Colors
 // @import "./media-queries";
-@import "./src/scss/media-queries";
+@import "src/scss/media-queries";
 
 :root {
   color-scheme: light;