diff --git a/app/Http/Controllers/RoleController.php b/app/Http/Controllers/RoleController.php
index bbb3864..4c7b157 100644
--- a/app/Http/Controllers/RoleController.php
+++ b/app/Http/Controllers/RoleController.php
@@ -99,7 +99,17 @@ public function search(Request $request)
     public function create()
     {
         $permissions = Permission::all();
-        return view('roles.create', compact('permissions'));
+        $groupedPermissions = [];
+
+        foreach ($permissions as $permission) {
+            $parts = explode('-', $permission->name);
+
+            if (count($parts)) {
+                $group = $parts[0];
+                $groupedPermissions[$group][] = $permission;
+            }
+        }
+        return view('roles.create', compact('groupedPermissions'));
     }
 
     /**
@@ -156,8 +166,19 @@ public function edit($id)
         $role = Role::find($id);
         $permissions = Permission::all();
 
+        $groupedPermissions = [];
+
+        foreach ($permissions as $permission) {
+            $parts = explode('-', $permission->name);
+
+            if (count($parts)) {
+                $group = $parts[0];
+                $groupedPermissions[$group][] = $permission;
+            }
+        }
+
         return $role
-        ? view('roles.edit', compact('role', 'permissions'))
+        ? view('roles.edit', compact('role', 'groupedPermissions'))
         : redirect()->route('roles.index')->with('error', 'Role tidak ditemukan');
     }
 
diff --git a/resources/css/auth/signin.scss b/resources/css/auth/signin.scss
index a17fce0..717767b 100644
--- a/resources/css/auth/signin.scss
+++ b/resources/css/auth/signin.scss
@@ -25,31 +25,42 @@
             #00f0c5 100%
         );
         height: 100vh;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 20px;
 
         h1 {
             font-weight: 700;
-            margin-bottom: 50px;
+            margin-bottom: 30px;
         }
     }
 
     .side-left {
         background-color: white;
         height: 100vh;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
+        padding: 20px;
 
         img {
-            margin-bottom: 50px;
-            width: 200px;
+            margin-bottom: 30px;
+            width: 150px;
         }
 
         h1 {
             color: #0161a7;
             font-weight: 700;
+            font-size: 2rem;
         }
 
         p {
             color: #2697d8;
             font-weight: 600;
-            font-size: large;
+            font-size: 1.2rem;
         }
 
         span {
@@ -63,7 +74,13 @@
         position: relative;
         font-weight: 500;
         font-size: large;
-        width: 450px;
+        width: 100%;
+        max-width: 450px;
+        margin-bottom: 20px;
+    }
+
+    #show {
+        display: none;
     }
 
     .input {
@@ -73,18 +90,7 @@
         border-bottom: 2px solid white;
         outline: none;
         color: white;
-    }
-
-    #email {
-        margin-bottom: 50px;
-    }
-
-    #password {
-        margin-bottom: 30px;
-    }
-
-    #show {
-        display: none;
+        width: 100%;
     }
 
     .submit {
@@ -97,6 +103,8 @@
         margin: 20px 0;
         text-align: center;
         font-weight: 700;
+        width: 100%;
+        cursor: pointer;
     }
 
     .submit:hover {
@@ -112,7 +120,6 @@
         align-items: center;
 
         a {
-            float: right;
             color: white;
             text-decoration: none;
         }
@@ -150,79 +157,71 @@
     }
 }
 
-// @media screen and (max-width: 450px) {
-//     .side-left {
-//         h1 {
-//             font-size: 26px;
-//         }
-
-//         p {
-//             font-size: 13px;
-//         }
-//     }
-// }
-
-// @media screen and (max-width: 550px) {
-//     .side-left {
-//         height: 30vh;
-//         margin-top: 10px;
-
-//         img {
-//             margin-bottom: 10px;
-//             width: 100px;
-//         }
-
-//         h1 {
-//             font-size: 28px;
-//         }
-
-//         p {
-//             font-size: 14px;
-//         }
-//     }
-
-//     .side-right {
-//         height: 70vh;
-
-//         h1 {
-//             margin-bottom: 40px;
-//         }
-//     }
-
-//     .input-field {
-//         width: 350px;
-//         font-size: medium;
-//     }
-
-//     #login-page #email {
-//         margin-bottom: 30px;
-//     }
-
-//     #login-page #password {
-//         margin-bottom: 15px;
-//     }
-// }
-
-// @media screen and (max-width: 767px){
-//     .side-left {
-//         height: 30vh;
-
-//         img {
-//             margin-bottom: 10px;
-//             width: 100px;
-//         }
-//     }
-
-//     .side-right {
-//         height: 70vh;
-
-//         h1 {
-//             margin-bottom: 40px;
-//         }
-//     }
-
-//     .input-field {
-//         width: 500px;
-//     }
-
-// }
+@media screen and (max-width: 767px) {
+    .side-left {
+        height: 40vh;
+
+        img {
+            margin-bottom: 20px;
+            width: 120px;
+        }
+
+        h1 {
+            font-size: 1.8rem;
+        }
+
+        p {
+            font-size: 1rem;
+        }
+    }
+
+    .side-right {
+        height: 60vh;
+        padding: 20px;
+
+        h1 {
+            margin-bottom: 20px;
+            font-size: 1.8rem;
+        }
+    }
+
+    .input-field {
+        max-width: 350px;
+        font-size: medium;
+    }
+
+    .submit {
+        margin: 15px 0;
+    }
+}
+
+@media screen and (max-width: 450px) {
+    .side-left {
+        height: 30vh;
+
+        img {
+            margin-bottom: 10px;
+            width: 100px;
+        }
+
+        h1 {
+            font-size: 1.5rem;
+        }
+
+        p {
+            font-size: 0.9rem;
+        }
+    }
+
+    .side-right {
+        height: 70vh;
+
+        h1 {
+            font-size: 1.5rem;
+        }
+    }
+
+    .input-field {
+        max-width: 300px;
+    }
+}
\ No newline at end of file
diff --git a/resources/css/form/checkbox.scss b/resources/css/form/checkbox.scss
index 53ed591..71b729d 100644
--- a/resources/css/form/checkbox.scss
+++ b/resources/css/form/checkbox.scss
@@ -1,19 +1,34 @@
 .form-input {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 1em;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 1.5em; 
 
-    .form-check {
+    .permission-group {
         display: flex;
-        align-items: center;
-        margin-bottom: 0;
-
-        .form-check-input {
-            margin-top: 0 !important;
+        flex-direction: column;
+        
+        h5 {
+            font-size: 12px;
+            margin-bottom: 10px;
         }
 
-        .form-check-label {
+        .form-check {
+            display: flex;
+            align-items: center;
             margin-bottom: 0;
+
+            .form-check-input {
+                margin-top: 0 !important;
+            }
+
+            .form-check-label {
+                margin-bottom: 0;
+                font-size: 14px;
+            }
         }
     }
+
+    @media (max-width: 768px) {
+        grid-template-columns: 1fr;
+    }
 }
diff --git a/resources/css/form/form.scss b/resources/css/form/form.scss
index 014d494..dbe6934 100644
--- a/resources/css/form/form.scss
+++ b/resources/css/form/form.scss
@@ -21,3 +21,17 @@ form.form-data {
         }
     }
 }
+
+
+@media screen and (max-width: 767px) {
+    form.form-data {
+        width: 100%;
+        padding: 2em 1em;
+        margin: 1em auto 0;
+
+        .footer {
+            flex-direction: column;
+            row-gap: 3px;
+        }
+    }
+}
\ No newline at end of file
diff --git a/resources/css/form/radio.scss b/resources/css/form/radio.scss
index 876da20..a5869cb 100644
--- a/resources/css/form/radio.scss
+++ b/resources/css/form/radio.scss
@@ -1,6 +1,42 @@
 .input-radio {
+    margin-bottom: 1.5rem;
+
+    .form-label {
+        font-weight: 500;
+        margin-bottom: 0.5rem;
+        display: block;
+    }
+
     .form-input {
         display: flex;
-        column-gap: 1em;
+        flex-wrap: wrap;
+        gap: 1rem;
+    }
+
+    .form-check {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+    }
+
+    .form-check-input {
+        margin: 0;
+    }
+
+    .form-check-label {
+        margin: 0;
     }
 }
+
+@media screen and (max-width: 768px) {
+    .input-radio {
+        .form-input {
+            flex-direction: column;
+            gap: 0.5rem;
+        }
+
+        .form-check {
+            width: 100%;
+        }
+    }
+}
\ No newline at end of file
diff --git a/resources/css/sidebar.scss b/resources/css/sidebar.scss
index 33a6d53..ff63074 100644
--- a/resources/css/sidebar.scss
+++ b/resources/css/sidebar.scss
@@ -1,4 +1,20 @@
 .sidenav {
+    &::-webkit-scrollbar {
+        width: 5px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background-color: #6c757d;
+        border-radius: 5px;
+    }
+
+    &::-webkit-scrollbar-track {
+        background-color: #f1f1f1;
+    }
+
+    &::-webkit-scrollbar-thumb:hover {
+        background-color: #495057;
+    }
     .navbar-collapse {
         .dropdown {
             button.dropdown-toggle {
diff --git a/resources/css/soft-ui-dashboard/_navbar-vertical.scss b/resources/css/soft-ui-dashboard/_navbar-vertical.scss
index 8e89232..d88c50a 100644
--- a/resources/css/soft-ui-dashboard/_navbar-vertical.scss
+++ b/resources/css/soft-ui-dashboard/_navbar-vertical.scss
@@ -75,7 +75,8 @@
 
           .navbar-collapse {
             display: block;
-            overflow: auto;
+            overflow-y: auto;
+            overflow-x: hidden;
             height: $navbar-vertical-inner;
           }
           // Container
diff --git a/resources/css/soft-ui-dashboard/variables/_navbar-vertical.scss b/resources/css/soft-ui-dashboard/variables/_navbar-vertical.scss
index 5a43f08..7d7e8bd 100644
--- a/resources/css/soft-ui-dashboard/variables/_navbar-vertical.scss
+++ b/resources/css/soft-ui-dashboard/variables/_navbar-vertical.scss
@@ -13,7 +13,7 @@ $sidenav-card-opacity:                       .65 !default;
 $navbar-vertical-box-shadow:                0 0 2rem 0 rgba(136, 152, 170, .15) !default;
 $navbar-vertical-border-color:              rgba($black, .05) !default;
 $navbar-vertical-width:                     3.875rem !default;
-$navbar-vertical-open-width:                15.625rem !default;
+$navbar-vertical-open-width:                16.625rem !default;
 $navbar-vertical-padding-x:                 1rem !default;
 $navbar-vertical-nav-link-padding-x:        1rem !default;
 $navbar-vertical-nav-link-padding-y:        .675rem !default;
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index 8b4f935..362845a 100644
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -1,64 +1,60 @@
 @extends('layouts.app')
 
-
 @section('content')
-    <div id="login-page">
-        <div class="container-fluid">
-            <div class="row">
-                <div class="col-md-6 d-flex flex-column align-items-center justify-content-center text-center side-left">
-                    <img src="{{ asset('/img/logo-internity.png') }}" alt="Internity" />
-                    <h1>Welcome to Internity!</h1>
-                    <p>
-                        Kontrol dan pantau kegiatan
-                        <span>PKL</span> dengan mudah.
-                    </p>
-                </div>
+<div id="login-page">
+    <div class="container-fluid">
+        <div class="row">
+            <div class="col-md-6 d-flex flex-column align-items-center justify-content-center text-center side-left">
+                <img src="{{ asset('/img/logo-internity.png') }}" alt="Internity" />
+                <h1>Welcome to Internity!</h1>
+                <p>
+                    Kontrol dan pantau kegiatan <span>PKL</span> dengan mudah.
+                </p>
+            </div>
 
-                <div class="col-md-6 text-white d-flex align-items-center justify-content-center side-right input-box">
-                    <form action="{{ route('login') }}" method="POST">
-                        @csrf
-                        @method('POST')
+            <div class="col-md-6 text-white d-flex align-items-center justify-content-center side-right">
+                <form action="{{ route('login') }}" method="POST" class="w-100" style="max-width: 450px;">
+                    @csrf
+                    @method('POST')
 
-                        <h1 class="text-center">Sign In</h1>
+                    <h1 class="text-center">Sign In</h1>
 
-                        {{-- Input Email Start --}}
-                        <div class="form-group input-field">
-                            <label for="email">Email</label>
-                            <input type="email" class="input" id="email" name="email" required autocomplete="off"
-                                name="email" />
-                        </div>
-                        {{-- Input Email End --}}
+                    {{-- Input Email Start --}}
+                    <div class="form-group input-field">
+                        <label for="email">Email</label>
+                        <input type="email" class="input" id="email" name="email" required autocomplete="off" />
+                    </div>
+                    {{-- Input Email End --}}
 
-                        {{-- Input Password Start --}}
-                        <div class="form-group input-field">
-                            <label for="password">Password</label>
-                            <input type="password" name="password" id="password" class="input" required>
-                            <span class="eye" onclick="myFunction()">
-                                <i id="show" class="bi bi-eye-fill"></i>
-                                <i id="hide" class="bi bi-eye-slash-fill"></i>
-                            </span>
-                        </div>
-                        {{-- Input Password End --}}
+                    {{-- Input Password Start --}}
+                    <div class="form-group input-field">
+                        <label for="password">Password</label>
+                        <input type="password" name="password" id="password" class="input" required>
+                        <span class="eye" onclick="myFunction()">
+                            <i id="show" class="bi bi-eye-fill"></i>
+                            <i id="hide" class="bi bi-eye-slash-fill"></i>
+                        </span>
+                    </div>
+                    {{-- Input Password End --}}
 
-                        {{-- Login Validation Start --}}
-                        @error('email')
-                            <div class="alert alert-dark text-white help-block">{{ $message }}</div>
-                        @enderror
-                        {{-- Login Validation End --}}
+                    {{-- Login Validation Start --}}
+                    @error('email')
+                    <div class="alert alert-dark text-white help-block">{{ $message }}</div>
+                    @enderror
+                    {{-- Login Validation End --}}
 
-                        <div class="remember">
-                            {{-- <x-form.checkbox id="input-checkbox-1" label="Remember Me" value="1" /> --}}
-                            <a href="{{ route('password.request') }}">Forgot Your Password?</a>
-                        </div>
+                    <div class="remember">
+                        <a href="{{ route('password.request') }}">Forgot Your Password?</a>
+                    </div>
 
-                        <div class="input-field">
-                            <button type="submit" class="submit">Login</button>
-                        </div>
-                    </form>
-                </div>
+                    <div class="input-field">
+                        <button type="submit" class="submit">Login</button>
+                    </div>
+                </form>
             </div>
         </div>
     </div>
+</div>
 @endsection
 
 <script>
@@ -77,4 +73,4 @@ function myFunction() {
             hidePass.style.display = "block";
         }
     }
-</script>
+</script>
\ No newline at end of file
diff --git a/resources/views/components/alert.blade.php b/resources/views/components/alert.blade.php
index 9cef071..03560c2 100644
--- a/resources/views/components/alert.blade.php
+++ b/resources/views/components/alert.blade.php
@@ -1,6 +1,6 @@
-<div class="alert {{ $type }} alert-dismissible fade show custom-alert" role="alert">
+<div class="alert {{ $type }} alert-dismissible fade show custom-alert text-white" role="alert">
     {{ $message }}
-    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">X</button>
 </div>
 
 <style>
diff --git a/resources/views/components/sidebar.blade.php b/resources/views/components/sidebar.blade.php
index 3528047..e10157e 100644
--- a/resources/views/components/sidebar.blade.php
+++ b/resources/views/components/sidebar.blade.php
@@ -58,7 +58,7 @@ class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2
                 <form action="{{ route('logout') }}" method="POST">
                     @method('POST')
                     @csrf
-                    <button type="submit" class="nav-link active border border-0">
+                    <button type="submit" class="nav-link active border-0">
                         <div
                             class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center text-white">
                             <iconify-icon icon="bi:box-arrow-right"></iconify-icon>
diff --git a/resources/views/components/table.blade.php b/resources/views/components/table.blade.php
index cb9bdd5..81315e2 100644
--- a/resources/views/components/table.blade.php
+++ b/resources/views/components/table.blade.php
@@ -77,7 +77,7 @@
                         {{-- Filter Start --}}
                         @if (!empty($filter))
                         <div class="mb-2 mb-sm-0">
-                            {{ $dropdown }} tes
+                            {{ $dropdown }}
                         </div>
                         @endif
                         {{-- Filter end --}}
diff --git a/resources/views/roles/create.blade.php b/resources/views/roles/create.blade.php
index 1f84f6d..47338be 100644
--- a/resources/views/roles/create.blade.php
+++ b/resources/views/roles/create.blade.php
@@ -6,35 +6,41 @@
 
 
 @section('dashboard-content')
-    <x-form.form formTitle="Tambah Role" formMethod="POST" formAction="{{ route('roles.store') }}">
-        <x-slot:formBody>
-            <x-form.input-base label="Nama" id="input-name" type="text" name="name" />
+<x-form.form formTitle="Tambah Role" formMethod="POST" formAction="{{ route('roles.store') }}">
+    <x-slot:formBody>
+        <x-form.input-base label="Nama" id="input-name" type="text" name="name" />
 
-            <x-form.checkbox label="Permission" name="permissions">
-                <x-slot:checkboxItem>
-                    @foreach ($permissions as $key => $value)
-                        <div class="form-check">
-                            <input class="form-check-input" type="checkbox" value="{{ $value->id }}"
-                                id="input-permission-{{ $value->id }}" name="permissions[]">
-                            <label class="form-check-label"
-                                for="input-permission-{{ $value->id }}">{{ $value->name }}</label>
-                        </div>
-                    @endforeach
-                </x-slot:checkboxItem>
-            </x-form.checkbox>
-
-            <x-form.radio label="Status" name="status">
-                <x-slot:checkboxItem>
-                    <div class="form-check">
-                        <input class="form-check-input" type="radio" value="1" id="input-status-1" name="status">
-                        <label class="form-check-label" for="input-status-1">Aktif</label>
-                    </div>
+        <x-form.checkbox label="" name="permissions">
+            <x-slot:checkboxItem>
+                @foreach ($groupedPermissions as $group => $permissions)
+                <div class="permission-group mb-4">
+                    <h5>{{ ucfirst($group) }} Permissions</h5>
+                    @foreach ($permissions as $permission)
                     <div class="form-check">
-                        <input class="form-check-input" type="radio" value="0" id="input-status-2" name="status">
-                        <label class="form-check-label" for="input-status-2">Inaktif</label>
+                        <input class="form-check-input" type="checkbox" value="{{ $permission->id }}"
+                            id="input-permission-{{ $permission->id }}" name="permissions[]">
+                        <label class="form-check-label" for="input-permission-{{ $permission->id }}">
+                            {{ $permission->name }}
+                        </label>
                     </div>
-                </x-slot:checkboxItem>
-            </x-form.radio>
-        </x-slot:formBody>
-    </x-form.form>
-@endsection
+                    @endforeach
+                </div>
+                @endforeach
+            </x-slot:checkboxItem>
+        </x-form.checkbox>
+
+        <x-form.radio label="Status" name="status">
+            <x-slot:checkboxItem>
+                <div class="form-check">
+                    <input class="form-check-input" type="radio" value="1" id="input-status-1" name="status">
+                    <label class="form-check-label" for="input-status-1">Aktif</label>
+                </div>
+                <div class="form-check">
+                    <input class="form-check-input" type="radio" value="0" id="input-status-2" name="status">
+                    <label class="form-check-label" for="input-status-2">Inaktif</label>
+                </div>
+            </x-slot:checkboxItem>
+        </x-form.radio>
+    </x-slot:formBody>
+</x-form.form>
+@endsection
\ No newline at end of file
diff --git a/resources/views/roles/edit.blade.php b/resources/views/roles/edit.blade.php
index 552f572..1a896c8 100644
--- a/resources/views/roles/edit.blade.php
+++ b/resources/views/roles/edit.blade.php
@@ -2,39 +2,44 @@
 
 
 @section('dashboard-content')
-    <x-form.form formTitle="Edit Role" formMethod="POST" spoofMethod="PUT"
-        formAction="{{ route('roles.update', encrypt($role->id)) }}">
-        <x-slot:formBody>
-            <x-form.input-base label="Nama" id="input-name" type="text" name="name" value="{{ $role->name }}" />
-
-            <x-form.checkbox label="Permission" name="permissions">
-                <x-slot:checkboxItem>
-                    @foreach ($permissions as $key => $value)
-                        <div class="form-check text-justify">
-                            <input class="form-check-input" type="checkbox" value="{{ $value->id }}"
-                                id="input-permission-{{ $value->id }}" name="permissions[]"
-                                {{ $role->permissions->contains($value->id) ? 'checked' : '' }}>
-                            <label class="form-check-label"
-                                for="input-permission-{{ $value->id }}">{{ $value->name }}</label>
-                        </div>
-                    @endforeach
-                </x-slot:checkboxItem>
-            </x-form.checkbox>
-
-            <x-form.radio label="Status" name="status">
-                <x-slot:checkboxItem>
+<x-form.form formTitle="Edit Role" formMethod="POST" spoofMethod="PUT"
+    formAction="{{ route('roles.update', encrypt($role->id)) }}">
+    <x-slot:formBody>
+        <x-form.input-base label="Nama" id="input-name" type="text" name="name" value="{{ $role->name }}" />
+        <x-form.checkbox label="" name="permissions">
+            <x-slot:checkboxItem>
+                @foreach ($groupedPermissions as $group => $permissions)
+                <div class="permission-group mb-4">
+                    <h5>{{ ucfirst($group) }} Permissions</h5>
+                    @foreach ($permissions as $permission)
                     <div class="form-check">
-                        <input class="form-check-input" type="radio" value="1" id="input-status-1" name="status"
-                            {{ $role->status == 1 ? 'checked' : '' }}>
-                        <label class="form-check-label" for="input-status-1">Aktif</label>
+                        <input class="form-check-input" type="checkbox" value="{{ $permission->id }}"
+                            id="input-permission-{{ $permission->id }}" name="permissions[]"
+                            {{ $role->permissions->contains($permission->id) ? 'checked' : '' }}>
+                        <label class="form-check-label" for="input-permission-{{ $permission->id }}">
+                            {{ $permission->name }}
+                        </label>
                     </div>
-                    <div class="form-check">
-                        <input class="form-check-input" type="radio" value="0" id="input-status-2" name="status"
-                            {{ $role->status == 0 ? 'checked' : '' }}>
-                        <label class="form-check-label" for="input-status-2">Inaktif</label>
-                    </div>
-                </x-slot:checkboxItem>
-            </x-form.radio>
-        </x-slot:formBody>
-    </x-form.form>
-@endsection
+                    @endforeach
+                </div>
+                @endforeach
+            </x-slot:checkboxItem>
+        </x-form.checkbox>
+
+        <x-form.radio label="Status" name="status">
+            <x-slot:checkboxItem>
+                <div class="form-check">
+                    <input class="form-check-input" type="radio" value="1" id="input-status-1" name="status"
+                        {{ $role->status == 1 ? 'checked' : '' }}>
+                    <label class="form-check-label" for="input-status-1">Aktif</label>
+                </div>
+                <div class="form-check">
+                    <input class="form-check-input" type="radio" value="0" id="input-status-2" name="status"
+                        {{ $role->status == 0 ? 'checked' : '' }}>
+                    <label class="form-check-label" for="input-status-2">Inaktif</label>
+                </div>
+            </x-slot:checkboxItem>
+        </x-form.radio>
+    </x-slot:formBody>
+</x-form.form>
+@endsection
\ No newline at end of file
diff --git a/resources/views/roles/index.blade.php b/resources/views/roles/index.blade.php
index 1a36212..f14a3d9 100644
--- a/resources/views/roles/index.blade.php
+++ b/resources/views/roles/index.blade.php
@@ -16,9 +16,9 @@
             <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 w-15">
                 Role
             </th>
-            <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 w-55">
+            <!-- <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 w-55">
                 Permission
-            </th>
+            </th> -->
             <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 w-10">
                 Status
             </th>
@@ -41,7 +41,7 @@ class="bi bi-trash"></i></button>
                         </form> --}}
                     </td>
                     <td class="text-sm text-center">{{ $data->name }}</td>
-                    <td class="text-sm">{{ $data->permissions->implode('name', ', ') }}</td>
+                    <!-- <td class="text-sm">{{ $data->permissions->implode('name', ', ') }}</td> -->
                     <td class="text-center">
                         <p class="badge badge-sm {{ $data->status ? 'bg-gradient-success' : 'bg-gradient-danger' }}">{{ $data->status ? 'Aktif' : 'Inaktif' }}</p>
                     </td>