diff --git a/app/Livewire/DownloadsPatreon.php b/app/Livewire/DownloadsPatreon.php
index cce068e..ed173eb 100644
--- a/app/Livewire/DownloadsPatreon.php
+++ b/app/Livewire/DownloadsPatreon.php
@@ -24,6 +24,18 @@ class DownloadsPatreon extends Component
         $this->resetPage();
     }
 
+    public function clicked($downloadId)
+    {
+        $download = Downloads::find($downloadId);
+        if (!$download) {
+            return;
+        }
+
+        $download->count++;
+        $download->save();
+        cache()->forget("episode_{$download->episode->id}_download_{$download->type}");
+    }
+
     public function render()
     {
         $orderby = 'created_at';
diff --git a/resources/views/livewire/downloads-patreon.blade.php b/resources/views/livewire/downloads-patreon.blade.php
index 09b5827..43936ec 100644
--- a/resources/views/livewire/downloads-patreon.blade.php
+++ b/resources/views/livewire/downloads-patreon.blade.php
@@ -67,9 +67,9 @@
                             <!-- Header -->
                             <div
                                 class="flex bg-white/30 dark:bg-neutral-950/40 backdrop-blur font-medium dark:border-neutral-500 border-b rounded-tl-lg rounded-tr-lg">
-                                <div class="flex-1 px-6 py-4">Title</div>
-                                <div class="w-28 px-6 py-4">Size</div>
-                                <div class="w-32 px-6 py-4">Date</div>
+                                <div class="flex-1 px-6 py-4 hidden sm:block">Title</div>
+                                <div class="w-28 px-6 py-4 hidden sm:block">Size</div>
+                                <div class="w-32 px-6 py-4 hidden sm:block">Date</div>
                                 <div class="w-32 px-6 py-4">Download</div>
                             </div>
 
@@ -77,28 +77,28 @@
                             @foreach ($downloads as $download)
                                 @php
                                     $title = explode('/', $download->url)[2];
-                                    $bytes = $download->size;
-                                    $units = ['B', 'KB', 'MB', 'GB', 'TB'];
-                                    $power = $bytes > 0 ? floor(log($bytes, 1024)) : 0;
-                                    $fileSize = round($bytes / pow(1024, $power), 2) . ' ' . $units[$power];
                                 @endphp
 
                                 <div
-                                    class="flex items-center border-b bg-white/70 dark:bg-neutral-950/80 dark:border-zinc-700 hover:bg-white/80 dark:hover:bg-neutral-950/90">
+                                    class="flex flex-col sm:flex-row items-center border-b bg-white dark:bg-neutral-950 dark:border-zinc-700 hover:bg-zinc-100 dark:hover:bg-neutral-800">
                                     <!-- Title -->
                                     <div class="flex flex-1 items-center space-x-2 px-3 py-2">
-                                        <span class="cursor-default">
-                                            {{ $title }}
-                                        </span>
+                                        {{ $title }}
                                     </div>
 
                                     <!-- Size -->
-                                    <div class="w-28 whitespace-nowrap">
-                                        {{ $fileSize }}
+                                    <div class="w-28 whitespace-nowrap flex">
+                                        <span class="block sm:hidden">
+                                            Size: 
+                                        </span>
+                                        {{ $download->getFileSize() }}
                                     </div>
 
                                     <!-- Date -->
-                                    <div class="w-32  whitespace-nowrap">
+                                    <div class="w-32 whitespace-nowrap flex">
+                                        <span class="block sm:hidden">
+                                            Date: 
+                                        </span>
                                         {{ $download->created_at->format('Y-m-d') }}
                                     </div>
 
@@ -111,9 +111,9 @@
                                             $file = \Illuminate\Support\Facades\Crypt::encryptString('hentai/'.$download->url);
                                             $downloadURL = $dlpdomains[array_rand($dlpdomains)].'/download/'.$file.'/'.$expire;
                                         @endphp
-                                        <a href="{{ $downloadURL }}" download>
+                                        <a href="{{ $downloadURL }}" wire:click="clicked({{ $download->id }})" download>
                                             <button id="dl-{{ $download->id }}"
-                                                class="group rounded-md bg-transparent border-[1px] border-white/20 shadow dark:text-white text-blac cursor-pointer flex justify-between items-center overflow-hidden transition-all w-[110px] h-[35px]">
+                                                class="group rounded-md bg-transparent border-[1px] border-white/20 shadow dark:text-white text-blac cursor-pointer flex justify-between items-center overflow-hidden transition-all w-[110px] h-[32px] mt-1 mb-1">
                                                 <div
                                                     class="relative w-12 h-[40px] bg-transparent dark:text-white text-black flex justify-center items-center transition-all">
                                                     <svg class="w-4 h-4 transition-all group-hover:-translate-y-1"