diff --git a/resources/views/components/episode-thumbnail.blade.php b/resources/views/components/episode-thumbnail.blade.php
index 0d3c917..94ca387 100644
--- a/resources/views/components/episode-thumbnail.blade.php
+++ b/resources/views/components/episode-thumbnail.blade.php
@@ -1,6 +1,6 @@
 @props(['episode'])
 
-<div class="relative p-1 mb-8 w-full transition duration-300 ease-in-out md:p-2 hover:-translate-y-1 hover:scale-110">
+<div class="relative p-1 mb-8 w-full transition duration-300 ease-in-out md:p-2 md:hover:-translate-y-1 md:hover:scale-110">
     <a class="hover:text-blue-600" href="{{ route('hentai.index', ['title' => $episode->slug]) }}">
         <img alt="{{ $episode->title }} - {{ $episode->episode }}" loading="lazy" width="1000"
             class="block object-cover object-center relative z-20 rounded-lg aspect-video"
@@ -8,10 +8,10 @@
 
         @guest
             <p
-                class="absolute right-2 top-2 bg-rose-700/70 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
+                class="absolute right-1 md:right-2 top-1 md:top-2 bg-rose-700/70 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
                 {{ $episode->getResolution() }}</p>
             <p
-                class="absolute left-4 bottom-2 bg-rose-700/70 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
+                class="absolute left-1 md:left-4 bottom-1 md:bottom-2 bg-rose-700/70 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
                 <i class="fa-regular fa-eye"></i> {{ $episode->viewCountFormatted() }} <i class="fa-regular fa-heart"></i>
                 {{ $episode->likeCount() }} <i class="fa-regular fa-comment"></i>
                 {{ $episode->commentCount() }}
@@ -29,20 +29,20 @@
         @auth
             @if ($episode->userWatched(auth()->user()->id))
                 <p
-                    class="absolute right-2 top-2 bg-green-600/80 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
+                    class="absolute right-1 md:right-2 top-1 md:top-2 bg-green-600/80 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
                     {{ $episode->getResolution() }}</p>
                 <p
-                    class="absolute left-2 bottom-2 bg-green-600/80 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
+                    class="absolute left-1 md:left-2 bottom-1 md:bottom-2 bg-green-600/80 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
                     <i class="fa-regular fa-eye"></i> {{ $episode->viewCountFormatted() }} <i
                         class="fa-regular fa-heart"></i> {{ $episode->likeCount() }} <i class="fa-regular fa-comment"></i>
                     {{ $episode->commentCount() }}
                 </p>
             @else
                 <p
-                    class="absolute right-2 top-2 bg-rose-700/70 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
+                    class="absolute right-1 md:right-2 top-1 md:top-2 bg-rose-700/70 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
                     {{ $episode->getResolution() }}</p>
                 <p
-                    class="absolute left-2 bottom-2 bg-rose-700/70 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
+                    class="absolute left-1 md:left-2 bottom-1 md:bottom-2 bg-rose-700/70 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
                     <i class="fa-regular fa-eye"></i> {{ $episode->viewCountFormatted() }} <i
                         class="fa-regular fa-heart"></i> {{ $episode->likeCount() }} <i class="fa-regular fa-comment"></i>
                     {{ $episode->commentCount() }}
@@ -50,7 +50,7 @@
             @endif
         @endauth
 
-        <div class="absolute  w-[95%] grid grid-cols-1 text-center">
+        <div class="absolute w-[95%] grid grid-cols-1 text-center">
             <p class="text-sm text-center text-black dark:text-white">{{ $episode->title }} -
                 {{ $episode->episode }}</p>
         </div>
diff --git a/resources/views/livewire/partials/search-result.blade.php b/resources/views/livewire/partials/search-result.blade.php
index b1167be..8454dc2 100644
--- a/resources/views/livewire/partials/search-result.blade.php
+++ b/resources/views/livewire/partials/search-result.blade.php
@@ -1,10 +1,10 @@
 <div wire:key="episode-{{ $episode->id }}">
     @if ($searchIsJpn)
-        <div class="relative p-1 mb-14 w-full transition duration-300 ease-in-out md:p-2 hover:-translate-y-1 hover:scale-110"
+        <div class="relative p-1 mb-14 w-full transition duration-300 ease-in-out md:p-2 md:hover:-translate-y-1 md:hover:scale-110"
             data-thumbs="{{ optional($episode->gallery)->pluck('thumbnail_url') }}">
         @else
-            <div class="relative p-1 mb-8 w-full transition duration-300 ease-in-out md:p-2 hover:-translate-y-1 hover:scale-110"
-                data-thumbs="{{ optional($episode->gallery)->pluck('thumbnail_url') }}">
+        <div class="relative p-1 mb-8 w-full transition duration-300 ease-in-out md:p-2 md:hover:-translate-y-1 md:hover:scale-110"
+            data-thumbs="{{ optional($episode->gallery)->pluck('thumbnail_url') }}">
     @endif
     <a class="hover:text-blue-600" href="{{ route('hentai.index', ['title' => $episode->slug]) }}">
         <div class="absolute w-[95%] top-[38%] text-center z-10">
@@ -27,7 +27,7 @@
                     src="{{ optional($episode->gallery->first())->thumbnail_url }}">
                 @if ($episode->hasAutoTrans())
                     <p
-                        class="absolute right-2 bottom-2 bg-blue-600/80 !text-white rounded-tl-lg rounded-br-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
+                        class="absolute right-1 md:right-2 bottom-1 md:bottom-2 bg-blue-600/80 !text-white rounded-tl-lg rounded-br-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
                         <i class="fa-regular fa-closed-captioning"></i> Multi-Subs
                     </p>
                 @endif
@@ -44,27 +44,27 @@
         @php $problematic = cache()->rememberForever('episodeProblematic'.$episode->id, fn () => $episode->getProblematicTags()); @endphp
         @if (!empty($problematic))
             <p
-                class="absolute left-2 top-2 bg-red-700/70 !text-white rounded-br-lg rounded-tl-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
+                class="absolute left-1 md:left-2 top-1 md:top-2 bg-red-700/70 !text-white rounded-br-lg rounded-tl-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
                 <i class="fa-solid fa-triangle-exclamation"></i> {{ $problematic }}
             </p>
         @endif
 
         @if (auth()->check() && $episode->userWatched(auth()->user()->id))
             <p
-                class="absolute right-2 top-2 bg-green-600/80 !text-white rounded-bl-lg rounded-tr-lg  p-1 pr-2 pl-2 font-semibold text-sm z-30">
+                class="absolute right-1 md:right-2 top-1 md:top-2 bg-green-600/80 !text-white rounded-bl-lg rounded-tr-lg  p-1 pr-2 pl-2 font-semibold text-sm z-30">
                 {{ $episode->getResolution() }}</p>
             <p
-                class="absolute left-2 bottom-2 bg-green-600/80 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
+                class="absolute left-1 md:left-2 bottom-1 md:bottom-2 bg-green-600/80 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
                 <i class="fa-regular fa-eye"></i> {{ $episode->viewCountFormatted() }} <i
                     class="fa-regular fa-heart"></i>
                 {{ $episode->likeCount() }} <i class="fa-regular fa-comment"></i> {{ $episode->commentCount() }}
             </p>
         @else
             <p
-                class="absolute right-2 top-2 bg-rose-700/70 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
+                class="absolute right-1 md:right-2 top-1 md:top-2 bg-rose-700/70 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
                 {{ $episode->getResolution() }}</p>
             <p
-                class="absolute left-2 bottom-2 bg-rose-700/70 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
+                class="absolute left-1 md:left-2 bottom-1 md:bottom-2 bg-rose-700/70 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
                 <i class="fa-regular fa-eye"></i>
                 {{ $episode->viewCountFormatted() }}
                 <i class="fa-regular fa-heart"></i> {{ $episode->likeCount() }} <i class="fa-regular fa-comment"></i>
diff --git a/resources/views/partials/episode-cover.blade.php b/resources/views/partials/episode-cover.blade.php
index fa7d262..8b9c34b 100644
--- a/resources/views/partials/episode-cover.blade.php
+++ b/resources/views/partials/episode-cover.blade.php
@@ -12,7 +12,7 @@
     @endif
 
     <div
-        class="relative p-1 mb-8 w-full transition duration-300 ease-in-out md:p-2 hover:-translate-y-1 hover:scale-110">
+        class="relative p-1 mb-8 w-full transition duration-300 ease-in-out md:p-2 md:hover:-translate-y-1 md:hover:scale-110">
         <a class="hover:text-blue-600" href="{{ route('hentai.index', ['title' => $episode->slug]) }}">
             <img alt="{{ $episode->title }} - {{ $episode->episode }}" loading="lazy" width="400"
                 class="block relative rounded-lg object-cover object-center aspect-[11/16] z-20 "
@@ -20,10 +20,10 @@
 
             @guest
                 <p
-                    class="absolute right-2 top-2 bg-rose-700/70 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
+                    class="absolute right-1 md:right-2 top-1 md:top-2 bg-rose-700/70 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
                     {{ $episode->getResolution() }}</p>
                 <p
-                    class="absolute left-2 bottom-2 bg-rose-700/70 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
+                    class="absolute left-1 md:left-2 bottom-1 md:bottom-2 bg-rose-700/70 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
                     <i class="fa-regular fa-eye"></i> {{ $episode->viewCountFormatted() }} <i
                         class="fa-regular fa-heart"></i> {{ $episode->likeCount() }} <i class="fa-regular fa-comment"></i>
                     {{ $episode->commentCount() }}
@@ -33,7 +33,7 @@
             @php $problematic = cache()->rememberForever('episodeProblematic'.$episode->id, fn () => $episode->getProblematicTags()); @endphp
             @if (!empty($problematic))
                 <p
-                    class="absolute left-2 top-2 bg-red-700/70 !text-white rounded-br-lg rounded-tl-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
+                    class="absolute left-1 md:left-2 top-1 md:top-2 bg-red-700/70 !text-white rounded-br-lg rounded-tl-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
                     <i class="fa-solid fa-triangle-exclamation"></i> {{ $problematic }}
                 </p>
             @endif
@@ -41,20 +41,20 @@
             @auth
                 @if ($episode->userWatched(auth()->user()->id))
                     <p
-                        class="absolute right-2 top-2 bg-green-600/80 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
+                        class="absolute right-1 md:right-2 top-1 md:top-2 bg-green-600/80 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
                         {{ $episode->getResolution() }}</p>
                     <p
-                        class="absolute left-2 bottom-2 bg-green-600/80 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
+                        class="absolute left-1 md:left-2 bottom-1 md:bottom-2 bg-green-600/80 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
                         <i class="fa-regular fa-eye"></i> {{ $episode->viewCountFormatted() }} <i
                             class="fa-regular fa-heart"></i> {{ $episode->likeCount() }} <i
                             class="fa-regular fa-comment"></i> {{ $episode->commentCount() }}
                     </p>
                 @else
                     <p
-                        class="absolute right-2 top-2 bg-rose-700/70 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
+                        class="absolute right-1 md:right-2 top-1 md:top-2 bg-rose-700/70 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
                         {{ $episode->getResolution() }}</p>
                     <p
-                        class="absolute left-2 bottom-2 bg-rose-700/70 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
+                        class="absolute left-1 md:left-2 bottom-1 md:bottom-2 bg-rose-700/70 !text-white rounded-bl-lg rounded-tr-lg p-1 pr-2 pl-2 font-semibold text-sm z-30">
                         <i class="fa-regular fa-eye"></i> {{ $episode->viewCountFormatted() }} <i
                             class="fa-regular fa-heart"></i> {{ $episode->likeCount() }} <i
                             class="fa-regular fa-comment"></i> {{ $episode->commentCount() }}