diff --git a/NUXT/components/playlistCard.vue b/NUXT/components/playlistCard.vue
index dec4bf6..b455604 100644
--- a/NUXT/components/playlistCard.vue
+++ b/NUXT/components/playlistCard.vue
@@ -30,18 +30,8 @@
       }"
     >
       <div
-        class="d-flex flex-column justify-center align-center"
-        style="
-          position: absolute;
-          top: 0;
-          right: 0;
-          width: 50%;
-          height: 100%;
-          background: linear-gradient(
-            var(--v-background-base) -1000%,
-            #00000000 1000%
-          );
-        "
+        class="d-flex flex-column justify-center align-center background-opaque"
+        style="position: absolute; top: 0; right: 0; width: 50%; height: 100%"
       >
         <div>420</div>
         <v-icon>mdi-playlist-play</v-icon>
diff --git a/NUXT/layouts/default.vue b/NUXT/layouts/default.vue
index e1ff18b..344f5a5 100644
--- a/NUXT/layouts/default.vue
+++ b/NUXT/layouts/default.vue
@@ -245,6 +245,14 @@ export default {
   margin: 0 !important;
 }
 
+.container-max-height {
+  min-height: calc(
+    100vh - 8rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)
+  ) !important;
+}
+.background-opaque {
+  background: linear-gradient(var(--v-background-base) -1000%, #00000000 1000%);
+}
 .border-primary {
   border: 2px solid var(--v-primary-base) !important;
 }
diff --git a/NUXT/pages/mods/theme.vue b/NUXT/pages/mods/theme.vue
index b6655bb..de7d0db 100644
--- a/NUXT/pages/mods/theme.vue
+++ b/NUXT/pages/mods/theme.vue
@@ -1,14 +1,7 @@
 <template>
   <client-only>
     <!-- !IMPORTANT: don't let autoformatter format this style to multiline or else it breaks ¯\_(ツ)_/¯ -->
-    <div
-      class="d-flex flex-column justify-end"
-      style="
-        min-height: calc(
-          100vh - 8rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)
-        ) !important;
-      "
-    >
+    <div class="container-max-height d-flex flex-column justify-end">
       <!-- ----Background Colors---- -->
       <v-radio-group v-model="$vuetify.theme.currentTheme.background">
         <div
@@ -191,12 +184,6 @@ export default {
       lang: {},
     };
   },
-  mounted() {
-    this.lang = this.$lang("mods").theme;
-    this.backgroundsLight[0].name = this.lang.normal;
-    this.backgroundsDark[0].name = this.lang.dark;
-    this.backgroundsDark[1].name = this.lang.black;
-  },
   watch: {
     // also triggers background and primary watcher, unless primary colors match
     "$vuetify.theme.dark"(value) {
@@ -235,6 +222,12 @@ export default {
       }
     },
   },
+  mounted() {
+    this.lang = this.$lang("mods").theme;
+    this.backgroundsLight[0].name = this.lang.normal;
+    this.backgroundsDark[0].name = this.lang.dark;
+    this.backgroundsDark[1].name = this.lang.black;
+  },
   beforeMount() {
     this.adapt();
   },
diff --git a/NUXT/pages/mods/tweaks.vue b/NUXT/pages/mods/tweaks.vue
index 7a15e70..f1577e4 100644
--- a/NUXT/pages/mods/tweaks.vue
+++ b/NUXT/pages/mods/tweaks.vue
@@ -1,13 +1,6 @@
 <template>
   <!-- !IMPORTANT: don't let autoformatter format this style to multiline or else it breaks ¯\_(ツ)_/¯ -->
-  <div
-    class="d-flex flex-column justify-end"
-    style="
-      min-height: calc(
-        100vh - 8rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)
-      ) !important;
-    "
-  >
+  <div class="container-max-height d-flex flex-column justify-end">
     <!-- TODO: outer radius -->
     <!-- TODO: Dense Navbar -->
     <!-- TODO: Disable Top Bar -->
@@ -174,9 +167,6 @@ export default {
       lang: {},
     };
   },
-  mounted() {
-    this.lang = this.$lang("mods").tweaks;
-  },
   computed: {
     roundTweak: {
       get() {
@@ -203,5 +193,8 @@ export default {
       },
     },
   },
+  mounted() {
+    this.lang = this.$lang("mods").tweaks;
+  },
 };
 </script>
diff --git a/ios/App/Podfile b/ios/App/Podfile
index 6639c10..00328d2 100644
--- a/ios/App/Podfile
+++ b/ios/App/Podfile
@@ -9,16 +9,16 @@ install! 'cocoapods', :disable_input_output_paths => true
 def capacitor_pods
   pod 'Capacitor', :path => '../../node_modules/@capacitor/ios'
   pod 'CapacitorCordova', :path => '../../node_modules/@capacitor/ios'
-  pod 'CapacitorCommunityHttp', :path => '..\..\node_modules\@capacitor-community\http'
-  pod 'CapacitorApp', :path => '..\..\node_modules\@capacitor\app'
-  pod 'CapacitorDevice', :path => '..\..\node_modules\@capacitor\device'
-  pod 'CapacitorFilesystem', :path => '..\..\node_modules\@capacitor\filesystem'
-  pod 'CapacitorHaptics', :path => '..\..\node_modules\@capacitor\haptics'
-  pod 'CapacitorShare', :path => '..\..\node_modules\@capacitor\share'
-  pod 'CapacitorSplashScreen', :path => '..\..\node_modules\@capacitor\splash-screen'
-  pod 'CapacitorStatusBar', :path => '..\..\node_modules\@capacitor\status-bar'
-  pod 'CapacitorToast', :path => '..\..\node_modules\@capacitor\toast'
-  pod 'HugotomaziCapacitorNavigationBar', :path => '..\..\node_modules\@hugotomazi\capacitor-navigation-bar'
+  pod 'CapacitorCommunityHttp', :path => '../../node_modules/@capacitor-community/http'
+  pod 'CapacitorApp', :path => '../../node_modules/@capacitor/app'
+  pod 'CapacitorDevice', :path => '../../node_modules/@capacitor/device'
+  pod 'CapacitorFilesystem', :path => '../../node_modules/@capacitor/filesystem'
+  pod 'CapacitorHaptics', :path => '../../node_modules/@capacitor/haptics'
+  pod 'CapacitorShare', :path => '../../node_modules/@capacitor/share'
+  pod 'CapacitorSplashScreen', :path => '../../node_modules/@capacitor/splash-screen'
+  pod 'CapacitorStatusBar', :path => '../../node_modules/@capacitor/status-bar'
+  pod 'CapacitorToast', :path => '../../node_modules/@capacitor/toast'
+  pod 'HugotomaziCapacitorNavigationBar', :path => '../../node_modules/@hugotomazi/capacitor-navigation-bar'
   pod 'CordovaPlugins', :path => '../capacitor-cordova-ios-plugins'
 end