diff --git a/src/components/ChannelPage.vue b/src/components/ChannelPage.vue
index 56e586ba..442c213f 100644
--- a/src/components/ChannelPage.vue
+++ b/src/components/ChannelPage.vue
@@ -6,7 +6,7 @@
             v-if="channel.bannerUrl"
             loading="lazy"
             :src="channel.bannerUrl"
-            class="h-30 w-full object-cover py-1.5 md:h-50"
+            class="h-30 w-full object-cover py-1.5 md:h-50 p-15"
         />
         <div class="flex flex-col items-center justify-between md:flex-row">
             <div class="flex place-items-center">
diff --git a/src/components/HistoryPage.vue b/src/components/HistoryPage.vue
index 31221424..2d13a5f2 100644
--- a/src/components/HistoryPage.vue
+++ b/src/components/HistoryPage.vue
@@ -1,5 +1,5 @@
 <template>
-    <h1 v-t="'titles.history'" class="mb-3 text-center font-bold" />
+    <h1 v-t="'titles.history'" class="mb-3 text-center font-bold p-15" />
 
     <div class="flex">
         <div class="flex flex-col gap-2 md:flex-row md:items-center">
diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index fb4afdc2..6fcf2706 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -10,7 +10,7 @@
         />
     </div>
 
-    <LoadingIndicatorPage :show-content="video && !isEmbed" class="w-full">
+    <LoadingIndicatorPage :show-content="video && !isEmbed" class="w-full p-15">
         <ErrorHandler v-if="video && video.error" :message="video.message" :error="video.error" />
         <Transition>
             <ToastComponent v-if="shouldShowToast" @dismissed="dismiss">