diff --git a/resources/views/admin/media/index.blade.php b/resources/views/admin/media/index.blade.php
index 9b1dda2..6c20d14 100644
--- a/resources/views/admin/media/index.blade.php
+++ b/resources/views/admin/media/index.blade.php
@@ -17,18 +17,22 @@
             <x-ui.table>
                 <x-slot:header>
                     <th>Title</th>
-                    <th>Size</th>
-                    <th>Type</th>
-                    <th>Uploaded</th>
+                    <th class="hidden md:table-cell">Size</th>
+                    <th class="hidden md:table-cell">Uploaded</th>
                     <th>Action</th>
                 </x-slot:header>
                 <x-slot:body>
                     @foreach ($media as $medium)
                         <tr>
-                            <td><img src="{{ $medium->thumbnail }}" class="max-h-12 max-w-12 -ml-2 -my-3 mr-3 inline rounded" alt="{{ $medium->title }}" />{{ $medium->title }}{!! $medium->password !== null ? '<i class="fa-solid fa-lock text-xs text-gray-400 ml-0.5 -translate-y-1.5 scale-75"></i>': '' !!}</td>
-                            <td>{{ \App\Helpers::bytesToString($medium->size) }}</td>
-                            <td>{{ $medium->mime_type }}</td>
-                            <td>{{ \Carbon\Carbon::parse($medium->created_at)->format('M j Y, g:i a') }}</td>
+                            <td class="flex items-center">
+                                <img src="{{ $medium->thumbnail }}" class="max-h-12 max-w-12 -ml-2 -my-3 mr-3 inline rounded" alt="{{ $medium->title }}" />
+                                <div>
+                                    <div class="whitespace-normal">{{ $medium->title }}{!! $medium->password !== null ? '<i class="fa-solid fa-lock text-xs text-gray-400 ml-0.5 -translate-y-1.5 scale-75"></i>': '' !!}</div>
+                                    <div class="md:hidden text-xs text-gray-500">{{ \Carbon\Carbon::parse($medium->created_at)->format('j/m/Y') }} - {{ \App\Helpers::bytesToString($medium->size) }}</div>
+                                </div>
+                            </td>
+                            <td class="hidden md:table-cell">{{ \App\Helpers::bytesToString($medium->size) }}</td>
+                            <td class="hidden md:table-cell">{{ \Carbon\Carbon::parse($medium->created_at)->format('M j Y, g:i a') }}</td>
                             <td>
                                 <div class="flex justify-center gap-3">
                                     <a href="{{ route('admin.media.edit', $medium) }}" title="Edit media item" class="hover:text-primary-color"><i class="fa-solid fa-pen-to-square"></i></a>
diff --git a/resources/views/components/ui/table.blade.php b/resources/views/components/ui/table.blade.php
index 66c71fe..dc13a62 100644
--- a/resources/views/components/ui/table.blade.php
+++ b/resources/views/components/ui/table.blade.php
@@ -22,6 +22,8 @@
         border-color: rgb(209, 213, 219);
         padding: 1rem 1rem;
         font-size: 0.9rem;
+        white-space: nowrap;
+        text-align: center;
     }
 
     .table th {
@@ -55,4 +57,8 @@
     .table tr:nth-child(even) {
         background-color: rgb(236 238 241);
     }
+
+    .table tr td:first-child {
+        text-align: left;
+    }
 </style>