diff --git a/index.html b/index.html
index 8e22d715..a2ee39e4 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html style="background: #0f0f0f" lang="en">
+<html lang="en">
     <head>
         <meta charset="utf-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
diff --git a/src/App.vue b/src/App.vue
index 4db3bfb8..5bd33675 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="w-full min-h-screen px-1vw reset" :class="[theme]">
+    <div class="w-full min-h-screen px-1vw py-5 reset" :class="[theme]">
         <NavBar />
 
         <router-view v-slot="{ Component }">
diff --git a/src/components/FooterComponent.vue b/src/components/FooterComponent.vue
index 1381c495..8ccd6268 100644
--- a/src/components/FooterComponent.vue
+++ b/src/components/FooterComponent.vue
@@ -1,5 +1,5 @@
 <template>
-    <footer class="text-center py-4 rounded-xl children:(mx-3) w-full mt-10 mb-5">
+    <footer class="text-center py-4 rounded-xl children:(mx-3) w-full mt-10">
         <a aria-label="GitHub" href="https://github.com/TeamPiped/Piped" target="_blank">
             <font-awesome-icon :icon="['fab', 'github']" />
             <span class="ml-2" v-t="'actions.source_code'" />
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index 6a046e1d..ed9d5cb7 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -1,5 +1,5 @@
 <template>
-    <nav class="flex flex-wrap items-center justify-center px-2 sm:px-4 py-2.5 w-full relative">
+    <nav class="flex flex-wrap items-center justify-center px-2 sm:px-4 pb-2.5 w-full relative">
         <div class="flex-1 flex justify-start">
             <router-link class="flex font-bold text-3xl items-center font-sans" to="/"
                 ><img
