diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index cf89d3c..9bd733d 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -189,25 +189,16 @@
         <a href="{{ url('dataset') }}" class="p-3 bg-[#FFAD5C] text-white rounded-full">Lihat Semua Dataset</a>
       </div>
     </div>
-    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+    <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-6">
       @foreach($dataset as $dataSet)
-      <div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-3 flex">
-        <div class="flex flex-col gap-3 mx-auto items-center">
-          <img src="{{ asset('assets/logo/dinas.png') }}" alt="" width="50" class="">
-          <h1 class="font-bold">{{ $dataSet->instansi->name }}</h1>
+        <div class="bg-white rounded-[20px] shadow-lg p-5 py-10">
+            <div class="flex flex-col gap-3 mx-auto items-center text-center">
+                <img src="{{ asset('assets/logo/dinas.png') }}" alt="" width="50" class="">
+                <h1 class="font-bold">{{ @$dataSet->instansi->name }}</h1>
+                <h5 class="">{{ $dataSet->name }}</h5>
+                <a href="{{ url('dataset/detail/'.encode_id($dataSet->DatasetId)) }}" class="rounded-full text-[10px] bg-[#E9811A] text-white px-6 py-3">Lihat Detail</a>
+            </div>
         </div>
-        <div class="flex flex-col gap-3 w-1/2">
-          <div>
-            <h5 class="font-bold">{{ $dataSet->name }}</h5>
-          </div>
-          <div>
-            <p>{{ substr($dataSet->deskripsi,0,50) }}</p>
-          </div>
-          <div class="mt-4">
-            <a href="{{ url('dataset/detail/'.encode_id($dataSet->DatasetId)) }}" class="rounded-full text-[10px] bg-[#E9811A] text-white px-6 py-3">Lihat Detail</a>
-          </div>
-        </div>
-      </div>
       @endforeach
 
     </div>