diff --git a/src/App.vue b/src/App.vue
index 76f1cfaa..0182a699 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -121,7 +121,7 @@ b {
 }
 
 .dark {
-    @apply text-white;
+    @apply text-white bg-dark-800;
 }
 
 h1 {
diff --git a/src/components/Navigation.vue b/src/components/Navigation.vue
index ca072dda..acd5b806 100644
--- a/src/components/Navigation.vue
+++ b/src/components/Navigation.vue
@@ -1,9 +1,5 @@
 <template>
-    <nav
-        class="uk-navbar uk-navbar-container uk-container-expand relative"
-        :style="[{ background: backgroundColor, colour: foregroundColor }]"
-        uk-navbar
-    >
+    <nav class="uk-navbar w-100 relative" :style="[{ background: backgroundColor, colour: foregroundColor }]" uk-navbar>
         <div class="uk-navbar-left">
             <router-link
                 class="uk-navbar-item uk-logo font-bold font-2xl font-sans font-bold"
diff --git a/src/components/Player.vue b/src/components/Player.vue
index 67390fee..0f452e2e 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="uk-container-expand">
+    <div class="w-100">
         <div
             ref="container"
             data-shaka-player-container