diff --git a/resources/views/dataset-detail.blade.php b/resources/views/dataset-detail.blade.php
index 60a1874..f54deb8 100644
--- a/resources/views/dataset-detail.blade.php
+++ b/resources/views/dataset-detail.blade.php
@@ -2,7 +2,7 @@
 @section('css')
 @endsection
 @section('content')
-    <section class="container relative pt-30 py-20 pb-0 px-5 flex flex-col gap-5">
+    <section class="container relative pt-150 py-20 pb-0 px-5 flex flex-col gap-5">
         <div class="relative flex justify-between items-center content-center mb-10">
         <div>
             <h1 class="">Home / <a href="{{ url('dataset') }}">Dataset</a> / <span class="bold">{{ $dataset->name }}</span></h1>
@@ -76,14 +76,27 @@
         </div>
         <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-6">
         @foreach($lainnya as $dataSet)
-        <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('uploads/'.@$dataSet->instansi->logo) }}" 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>
+            <a href="{{ url('dataset/detail/'.encode_id($dataSet->DatasetId)) }}" class="transition duration-300 ease-in-out hover:-translate-y-100 hover:scale-410">
+                <div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-6 flex">
+                    <div class="flex flex-col gap-3 items-center text-center">
+                        <div class="flex flex-col items-center gap-3">
+                            <img src="{{ asset('logodki.png') }}" alt="" width="50" class="">
+                            {{-- <img src="{{ asset('uploads/'.@$dataSet->instansi->logo) }}" alt="" width="50" class=""> --}}
+                            <h1 class="font-bold">{{ $dataSet->instansi->name }}</h1>
+                        </div>
+                        <div class="">
+                            <h5 class="font-bold">{{ $dataSet->name }}</h5>
+                        </div>
+                        <div>
+                            <p>{{ substr($dataSet->deskripsi,0,50) }}</p>
+                        </div>
+                        <div class="mt-1 flex flex-row gap-2 items-center">
+                            <span class="rounded-full text-[10px] bg-[#E9811A] text-white px-2 py-1">{{$dataSet->tahun}}</span>
+                            <span class="rounded-full text-[10px] hidden lg:block bg-[#E9811A] text-white px-2 py-1">{{ substr($dataSet->template->name,0,25) }}...</span>
+                        </div>
+                    </div>
+                </div>
+            </a>
         @endforeach
 
         </div>
diff --git a/resources/views/dataset-tambahan-detail.blade.php b/resources/views/dataset-tambahan-detail.blade.php
index 60a1874..7ec5d54 100644
--- a/resources/views/dataset-tambahan-detail.blade.php
+++ b/resources/views/dataset-tambahan-detail.blade.php
@@ -76,14 +76,27 @@
         </div>
         <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-6">
         @foreach($lainnya as $dataSet)
-        <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('uploads/'.@$dataSet->instansi->logo) }}" 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>
+            <a href="{{ url('dataset-tambahan/detail/'.encode_id($dataSet->DatasetTambahanId)) }}" class="transition duration-300 ease-in-out hover:-translate-y-100 hover:scale-410">
+                <div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-6 flex">
+                    <div class="flex flex-col gap-3 items-center text-center">
+                        <div class="flex flex-col items-center gap-3">
+                            <img src="{{ asset('logodki.png') }}" alt="" width="50" class="">
+                            {{-- <img src="{{ asset('uploads/'.@$dataSet->instansi->logo) }}" alt="" width="50" class=""> --}}
+                            <h1 class="font-bold">{{ $dataSet->instansi->name }}</h1>
+                        </div>
+                        <div class="">
+                            <h5 class="font-bold">{{ $dataSet->name }}</h5>
+                        </div>
+                        <div>
+                            <p>{{ substr($dataSet->deskripsi,0,50) }}</p>
+                        </div>
+                        <div class="mt-1 flex flex-row gap-2 items-center">
+                            <span class="rounded-full text-[10px] bg-[#E9811A] text-white px-2 py-1">{{$dataSet->tahun}}</span>
+                            <span class="rounded-full text-[10px] hidden lg:block bg-[#E9811A] text-white px-2 py-1">{{ substr($dataSet->template->name,0,25) }}...</span>
+                        </div>
+                    </div>
+                </div>
+            </a>
         @endforeach
 
         </div>