diff --git a/src/App.vue b/src/App.vue
index 9b991965..357279c3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,13 +7,13 @@
             </keep-alive>
         </router-view>
 
-        <footer class="text-center">
+        <footer class="text-center my-2">
             <a aria-label="GitHub" href="https://github.com/TeamPiped/Piped">
                 <font-awesome-icon :icon="['fab', 'github']" />
             </a>
             <a class="ml-2" href="https://github.com/TeamPiped/Piped#donations">
                 <font-awesome-icon :icon="['fab', 'bitcoin']" />
-                <span v-t="'actions.donations'" />
+                <span class="ml-1" v-t="'actions.donations'" />
             </a>
         </footer>
     </div>
diff --git a/src/components/FeedPage.vue b/src/components/FeedPage.vue
index a42b9448..fcf4f0f0 100644
--- a/src/components/FeedPage.vue
+++ b/src/components/FeedPage.vue
@@ -1,5 +1,5 @@
 <template>
-    <h1 v-t="'titles.feed'" class="font-bold text-center" />
+    <h1 v-t="'titles.feed'" class="font-bold text-center my-4" />
 
     <button v-if="authenticated" class="btn mr-2" @click="exportHandler">
         <router-link to="/subscriptions">Subscriptions</router-link>
diff --git a/src/components/LoginPage.vue b/src/components/LoginPage.vue
index e018b66b..9bb303b3 100644
--- a/src/components/LoginPage.vue
+++ b/src/components/LoginPage.vue
@@ -1,6 +1,7 @@
 <template>
+    <h1 v-t="'titles.login'" class="font-bold text-center my-4" />
+    <hr />
     <div class="text-center">
-        <h1 v-t="'titles.login'" />
         <form class="children:pb-3">
             <div>
                 <input
diff --git a/src/components/PlaylistsPage.vue b/src/components/PlaylistsPage.vue
index 3c568555..daae9eaa 100644
--- a/src/components/PlaylistsPage.vue
+++ b/src/components/PlaylistsPage.vue
@@ -1,5 +1,5 @@
 <template>
-    <h1 class="font-bold text-center" v-t="'titles.playlists'" />
+    <h1 class="font-bold text-center my-4" v-t="'titles.playlists'" />
 
     <hr />
 
diff --git a/src/components/RegisterPage.vue b/src/components/RegisterPage.vue
index 510d2070..759a90fa 100644
--- a/src/components/RegisterPage.vue
+++ b/src/components/RegisterPage.vue
@@ -1,4 +1,6 @@
 <template>
+    <h1 v-t="'titles.register'" class="font-bold text-center my-4" />
+    <hr />
     <div class="text-center">
         <form class="children:pb-3">
             <div>
diff --git a/src/components/TrendingPage.vue b/src/components/TrendingPage.vue
index 62283481..f7935905 100644
--- a/src/components/TrendingPage.vue
+++ b/src/components/TrendingPage.vue
@@ -1,5 +1,5 @@
 <template>
-    <h1 v-t="'titles.trending'" class="font-bold text-center" />
+    <h1 v-t="'titles.trending'" class="font-bold text-center my-4" />
 
     <hr />