diff --git a/resources/js/Akaun/Pendahuluanserahan.vue b/resources/js/Akaun/Pendahuluanserahan.vue
index d0e2617..3fa842f 100644
--- a/resources/js/Akaun/Pendahuluanserahan.vue
+++ b/resources/js/Akaun/Pendahuluanserahan.vue
@@ -2,7 +2,7 @@
    <div class="container">
 
             <div class="flex w-100%">
-                <div class="xl:w-7/8 2xl:w-5/6 p-12 mx-auto">
+                <div class="xl:w-10/9 2xl:w-8/9 p-12 mx-auto">
                 <div class="bg-yellow-600 text-gray-200 text-lg px-6 py-4 rounded-t-lg">       
                    <router-link to="/akaunhome">
                         <i class="fas fa-backspace text-white"></i>
@@ -25,7 +25,7 @@
                             </div>
                         </div> 
 
-                          <div class="flex justify-center mb-4">
+                        <div class="flex flex-wrap justify-end mt-10">
                                 <div class="mx-2 radio">
                                     <input type="radio" id="pendahuluan" name="radpendser" value="pendahuluan" class="hidden focus:bg-gray-500" v-model="selected">
                                     <label for="pendahuluan" class="cursor-pointer text-gray-500 focus:bg-gray-500 hover:bg-gray-200 focus:bg-purple-500 focus:bg-purple-500 focus:outline-none border px-10 py-4 border-solid border-gray-500 rounded">Pendahuluan</label>
@@ -48,7 +48,7 @@
 
                                 <div class="mx-2 radio cursor-pointer">
                                     <input type="radio" id="serahanonline" name="radpendser" value="serahanonline" class="hidden focus:bg-gray-500" v-model="selected">
-                                    <label for="serahanonline" class="cursor-pointer text-gray-500 focus:bg-gray-500 hover:bg-gray-200 focus:bg-purple-500 focus:outline-none border px-10 py-4 border-solid border-gray-500 rounded">Serahan & Serahan Online</label>
+                                    <label for="serahanonline" class="cursor-pointer text-gray-500 focus:bg-gray-500 hover:bg-gray-200 focus:bg-purple-500 focus:outline-none border px-10 py-4 border-solid border-gray-500 rounded">Serahan All</label>
                                 </div>
 
                                 <div class="mx-2 radio cursor-pointer">
@@ -58,8 +58,12 @@
                             </div>
 
                             <div class="flex justify-end mt-10">
-                                <button @click.prevent="generatepdf" class=" mr-2 border border-yellow-600 text-yellow-600 font-montserrat py-2 px-8 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300"><i class="fas fa-file-pdf mr-2"></i>PDF</button>
-                                <button @click.prevent="generateview" class="border border-yellow-600 text-yellow-600 font-montserrat py-2 px-8 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300"><i class="fas fa-eye mr-2"></i>View</button>
+                                <button @click.prevent="generatepdf" class="mr-2 border border-yellow-600 text-yellow-600 font-montserrat py-2 px-8 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300 w-full sm:w-auto">
+                                <i class="fas fa-file-pdf mr-2"></i>PDF
+                            </button>
+                            <button @click.prevent="generateview" class="border border-yellow-600 text-yellow-600 font-montserrat py-2 px-8 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300 w-full sm:w-auto">
+                                <i class="fas fa-eye mr-2"></i>View
+                            </button>
                             </div>
 
                     </div>
diff --git a/resources/views/akaun/laporan_pendahuluanserahan.blade.php b/resources/views/akaun/laporan_pendahuluanserahan.blade.php
index 3fdea82..a169cb5 100644
--- a/resources/views/akaun/laporan_pendahuluanserahan.blade.php
+++ b/resources/views/akaun/laporan_pendahuluanserahan.blade.php
@@ -176,6 +176,7 @@ $reportNames = [
     'serahan' => 'LAPORAN SERAHAN HQ',
     'pendahuluan' => 'LAPORAN PENDAHULUAN HQ',
     'online' => 'LAPORAN SERAHAN ONLINE HQ',
+    'serahanlelong' => 'LAPORAN SERAHAN LELONG HQ',
     'serahanonline' => 'LAPORAN SERAHAN DAN SERAHAN ONLINE HQ',
     'all' => 'LAPORAN KESELURUHAN HQ'
 ];