diff --git a/resources/views/layouts/master.blade.php b/resources/views/layouts/master.blade.php
index 382c823..f73396c 100644
--- a/resources/views/layouts/master.blade.php
+++ b/resources/views/layouts/master.blade.php
@@ -21,6 +21,10 @@
     <link href="{{asset('assets/css/icons.min.css')}}" rel="stylesheet" type="text/css">
     @yield('css')
     <style>
+        .dropdown-menu > .dropdown-item{ display: inline; text-align: center;}
+        .bootstrap-table .dropdown-menu {
+            z-index: 9999 !important;
+        }
         .bootstrap-table .fixed-table-container .table td, .bootstrap-table .fixed-table-container .table th{
             vertical-align: top!important;
             font-size: 12px!important;
@@ -282,6 +286,14 @@
                 $('#sidebar').toggleClass('hidden').toggleClass('fixed inset-0 w-full');
             });
         });
+
+        $(document).on('click', '.dropdown-toggle', function () {
+            // alert('klik');
+            $('.dropdown-menu').removeClass('hidden');
+            $('.dropdown-menu').toggle();
+        });
+
+        // $('.bootstrap-table .dropdown-menu').removeClass('hidden');
     </script>
 </body>
 </html>
\ No newline at end of file
diff --git a/resources/views/modules/management/role/form.blade.php b/resources/views/modules/management/role/form.blade.php
index 39e0f34..12b5a3e 100644
--- a/resources/views/modules/management/role/form.blade.php
+++ b/resources/views/modules/management/role/form.blade.php
@@ -1,35 +1,36 @@
 @extends('layouts.master')
 @section('content')
-<div class="card">
-	<div class="card-header">
-        <h4 class="card-title">Data {{$title}}</h4>
-    </div>
-    <form action="{{route($route.'.store')}}" method="POST" class="">
-        {{csrf_field()}}
-        <input type="hidden" name="secure_id" value="{{@$keyId}}">
-        <div class="p-6">
-            <div class="grid lg:grid-cols-2 gap-3">
-                <div class="mb-3">
-                    <label class="mb-3">Role</label>
-                    <input type="text" value="{{@$item->name ? @$item->name :  old('name')}}" name="name" class="form-input @error('name') is-invalid @enderror" placeholder="Masukan Nama Role" required>
+<div class="flex-1 overflow-y-auto p-8 custom-scrollbar">
+    <div class="p-8 bg-white rounded-3xl border border-slate-200 shadow-sm overflow-hidden">
+        <form action="{{route($route.'.store')}}" method="POST" class="">
+            {{csrf_field()}}
+            <input type="hidden" name="secure_id" value="{{@$keyId}}">
+            
+            <div class="flex flex-col p-3 gap-3 border-b">
+                <div class="flex gap-4">
+                    <label class="mb-3 w-1/2 font-semibold required">Role</label>
+                    <input type="text" value="{{@$item->name ? @$item->name :  old('name')}}" name="name" class="p-2 bg-white rounded border w-full @error('name') is-invalid @enderror" placeholder="Masukan Nama Role" required>
                     @error('name')
                     <span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
                     @enderror
                 </div>
-                <div class="mb-3">
-                    <label class="mb-3">Alias</label>
-                    <input type="text" value="{{@$item->alias ? @$item->alias :  old('alias')}}" name="alias" class="form-input @error('alias') is-invalid @enderror" placeholder="Masukan Alias Role" required>
-                    <small><i>Pastikan mengandung huruf kecil semua dan tidak ada "spasi" atau tanda baca "-"</i></small>
+                <div class="flex gap-4">
+                    <label class="mb-3 w-1/2 font-semibold required">Alias</label>
+                    <div class="flex flex-col w-full justify-center items-start gap-2">
+                        <input type="text" value="{{@$item->alias ? @$item->alias :  old('alias')}}" name="alias" class="p-2 bg-white rounded border w-full @error('alias') is-invalid @enderror" placeholder="Masukan Alias Role" required>
+                        <small><i>Pastikan mengandung huruf kecil semua dan tidak ada "spasi" atau tanda baca "-"</i></small>
+                    </div>
                     @error('alias')
                     <span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
                     @enderror
                 </div>
             </div>
-        </div>
-        <div class="p-6">
-            <a href="{{route($route.'.index')}}" class="btn bg-danger text-white"><i class="ri-close-line"></i>&nbsp;Batal</a>
-            <button type="submit" class="btn bg-success text-white"><i class="ri-save-line"></i> Simpan</button>
-        </div>
-    </form>
+            
+            <div class="flex justify-center items-center gap-2 mt-3">
+                <a href="{{route($route.'.index')}}" class="bg-red-500 rounded py-2 px-3 text-white flex items-center"><i data-lucide="arrow-left" class="w-4 h-4 mr-2"></i><span>Batal</span></a>
+                <button type="submit" class="bg-emerald-500 rounded py-2 px-3 text-white flex items-center"><i data-lucide="save" class="w-4 h-4 mr-2"></i><span> <span>Simpan</span></button>
+            </div>
+        </form>
+    </div>
 </div>
 @endsection
\ No newline at end of file