diff --git a/resources/views/admin/menu-item/create.blade.php b/resources/views/admin/menu-item/create.blade.php
index f06d980..768f37d 100644
--- a/resources/views/admin/menu-item/create.blade.php
+++ b/resources/views/admin/menu-item/create.blade.php
@@ -204,6 +204,7 @@
         valueProp: "name",
         nameProp: "name"
     });
+    Spandiv.Select2("select[name=parent]");
 
     // Change Bootstrap Icons
     $(document).on("change", "select[name=icon]", function() {
diff --git a/resources/views/admin/menu-item/edit.blade.php b/resources/views/admin/menu-item/edit.blade.php
index dd424e4..f937e23 100644
--- a/resources/views/admin/menu-item/edit.blade.php
+++ b/resources/views/admin/menu-item/edit.blade.php
@@ -218,6 +218,7 @@
         valueProp: "name",
         nameProp: "name"
     });
+    Spandiv.Select2("select[name=parent]");
 
     // Change Bootstrap Icons
     $(document).on("change", "select[name=icon]", function() {
diff --git a/resources/views/admin/menu/index.blade.php b/resources/views/admin/menu/index.blade.php
index c432678..0dbc188 100644
--- a/resources/views/admin/menu/index.blade.php
+++ b/resources/views/admin/menu/index.blade.php
@@ -82,15 +82,36 @@
                                                             @if(count($submenu_items_level_2) > 0)
                                                                 <div class="list-group sortable" data-url="{{ route('admin.menu.item.sort') }}">
                                                                     @foreach($submenu_items_level_2 as $submenu_item_level_2)
-                                                                        <div class="list-group-item d-flex justify-content-between align-items-center p-2" data-id="{{ $submenu_item_level_2->id }}">
-                                                                            <div>
-                                                                                <i class="{{ $submenu_item_level_2->icon }} me-1" data-bs-toggle="tooltip" title="{{ $submenu_item_level_2->name }}"></i>
-                                                                                <a href="{{ $submenu_item_level_2->route != '' ? is_array(json_decode($submenu_item_level_2->routeparams, true)) ? route($submenu_item_level_2->route, json_decode($submenu_item_level_2->routeparams, true)) : route($submenu_item_level_2->route) : '#' }}">{{ $submenu_item_level_2->name }}</a>
+                                                                        @php
+                                                                            $submenu_items_level_3 = $menu_header->items()->where('parent','=',$submenu_item_level_2->id)->orderBy('num_order','asc')->get();
+                                                                        @endphp
+                                                                        <div class="list-group-item p-2" data-id="{{ $submenu_item_level_2->id }}">
+                                                                            <div class="d-flex w-100 justify-content-between align-items-center mb-2">
+                                                                                <div>
+                                                                                    <i class="{{ $submenu_item_level_2->icon }} me-1" data-bs-toggle="tooltip" title="{{ $submenu_item_level_2->name }}"></i>
+                                                                                    <a href="{{ $submenu_item_level_2->route != '' ? is_array(json_decode($submenu_item_level_2->routeparams, true)) ? route($submenu_item_level_2->route, json_decode($submenu_item_level_2->routeparams, true)) : route($submenu_item_level_2->route) : '#' }}">{{ $submenu_item_level_2->name }}</a>
+                                                                                </div>
+                                                                                <div class="btn-group">
+                                                                                    <a href="{{ route('admin.menu.item.edit', ['header_id' => $menu_header->id, 'item_id' => $submenu_item_level_2->id]) }}" class="btn btn-sm btn-outline-secondary" data-bs-toggle="tooltip" title="Edit Item"><i class="bi-pencil"></i></a>
+                                                                                    <a href="#" class="btn btn-sm btn-outline-secondary btn-delete-menu-item" data-id="{{ $submenu_item_level_2->id }}" data-bs-toggle="tooltip" title="Hapus Item"><i class="bi-trash"></i></a>
+                                                                                </div>
                                                                             </div>
-                                                                            <div class="btn-group">
-                                                                                <a href="{{ route('admin.menu.item.edit', ['header_id' => $menu_header->id, 'item_id' => $submenu_item_level_2->id]) }}" class="btn btn-sm btn-outline-secondary" data-bs-toggle="tooltip" title="Edit Item"><i class="bi-pencil"></i></a>
-                                                                                <a href="#" class="btn btn-sm btn-outline-secondary btn-delete-menu-item" data-id="{{ $submenu_item_level_2->id }}" data-bs-toggle="tooltip" title="Hapus Item"><i class="bi-trash"></i></a>
+                                                                            @if(count($submenu_items_level_3) > 0)
+                                                                                <div class="list-group sortable" data-url="{{ route('admin.menu.item.sort') }}">
+                                                                                @foreach($submenu_items_level_3 as $submenu_item_level_3)
+                                                                                <div class="list-group-item d-flex w-100 justify-content-between align-items-center p-2" data-id="{{ $submenu_item_level_3->id }}">
+                                                                                    <div>
+                                                                                        <i class="{{ $submenu_item_level_3->icon }} me-1" data-bs-toggle="tooltip" title="{{ $submenu_item_level_3->name }}"></i>
+                                                                                        <a href="{{ $submenu_item_level_3->route != '' ? is_array(json_decode($submenu_item_level_3->routeparams, true)) ? route($submenu_item_level_3->route, json_decode($submenu_item_level_3->routeparams, true)) : route($submenu_item_level_3->route) : '#' }}">{{ $submenu_item_level_3->name }}</a>
+                                                                                    </div>
+                                                                                    <div class="btn-group">
+                                                                                        <a href="{{ route('admin.menu.item.edit', ['header_id' => $menu_header->id, 'item_id' => $submenu_item_level_3->id]) }}" class="btn btn-sm btn-outline-secondary" data-bs-toggle="tooltip" title="Edit Item"><i class="bi-pencil"></i></a>
+                                                                                        <a href="#" class="btn btn-sm btn-outline-secondary btn-delete-menu-item" data-id="{{ $submenu_item_level_3->id }}" data-bs-toggle="tooltip" title="Hapus Item"><i class="bi-trash"></i></a>
+                                                                                    </div>
+                                                                                </div>
+                                                                                @endforeach
                                                                             </div>
+                                                                            @endif
                                                                         </div>
                                                                     @endforeach
                                                                 </div>
diff --git a/resources/views/layouts/admin/_sidebar.blade.php b/resources/views/layouts/admin/_sidebar.blade.php
index 317d480..030080a 100644
--- a/resources/views/layouts/admin/_sidebar.blade.php
+++ b/resources/views/layouts/admin/_sidebar.blade.php
@@ -28,12 +28,29 @@
 													<i class="align-middle {{ $subitem['icon'] }}" style="font-size: 1rem;"></i> <span class="align-middle">{{ $subitem['name'] }}</span>
 												</a>
 												<ul id="sidebar-subitem-2-{{ $key2 }}-{{ $key3 }}" class="sidebar-dropdown list-unstyled collapse {{ eval_sidebar($subitem['active_conditions'], 'show') }}">
-													@foreach($subitem['children'] as $subitem_level_2)
-														<li class="sidebar-item {{ eval_sidebar($subitem_level_2['active_conditions'], 'active') }}">
-															<a class="sidebar-link" href="{{ $subitem_level_2['route'] }}">
-																<i class="align-middle {{ $subitem_level_2['icon'] }}" style="font-size: 1rem;"></i> <span class="align-middle">{{ $subitem_level_2['name'] }}</span>
-															</a>
-														</li>
+													@foreach($subitem['children'] as $key4=>$subitem_level_2)
+														@if(count($subitem_level_2['children']) > 0)
+															<li class="sidebar-item {{ eval_sidebar($subitem_level_2['active_conditions'], 'active') }}">
+																<a data-bs-target="#sidebar-subitem-3-{{ $key3 }}-{{ $key4 }}" data-bs-toggle="collapse" class="sidebar-link {{ eval_sidebar($subitem_level_2['active_conditions'], '', 'collapsed') }}">
+																	<i class="align-middle {{ $subitem_level_2['icon'] }}" style="font-size: 1rem;"></i> <span class="align-middle">{{ $subitem_level_2['name'] }}</span>
+																</a>
+																<ul id="sidebar-subitem-3-{{ $key3 }}-{{ $key4 }}" class="sidebar-dropdown list-unstyled collapse {{ eval_sidebar($subitem_level_2['active_conditions'], 'show') }}">
+																@foreach($subitem_level_2['children'] as $subitem_level_3)
+																	<li class="sidebar-item {{ eval_sidebar($subitem_level_3['active_conditions'], 'active') }}">
+																		<a class="sidebar-link" href="{{ $subitem_level_3['route'] }}">
+																			<i class="align-middle {{ $subitem_level_3['icon'] }}" style="font-size: 1rem;"></i> <span class="align-middle">{{ $subitem_level_3['name'] }}</span>
+																		</a>
+																	</li>
+																@endforeach
+																</ul>
+															</li>
+														@else
+															<li class="sidebar-item {{ eval_sidebar($subitem_level_2['active_conditions'], 'active') }}">
+																<a class="sidebar-link" href="{{ $subitem_level_2['route'] }}">
+																	<i class="align-middle {{ $subitem_level_2['icon'] }}" style="font-size: 1rem;"></i> <span class="align-middle">{{ $subitem_level_2['name'] }}</span>
+																</a>
+															</li>
+														@endif
 													@endforeach
 												</ul>
 											</li>
diff --git a/src/Helpers/Helper.php b/src/Helpers/Helper.php
index e7b3d52..46f6a9f 100644
--- a/src/Helpers/Helper.php
+++ b/src/Helpers/Helper.php
@@ -197,13 +197,30 @@ function menu() {
                                     $subitems_level_2 = [];
                                     if(count($menusubitems_level_2) > 0) {
                                         foreach($menusubitems_level_2 as $menusubitem_level_2) {
+                                            // Get menu subitems level 3
+                                            $menusubitems_level_3 = $menuheader->items()->where('parent','=',$menusubitem_level_2->id)->orderBy('num_order','asc')->get();
+                                            $subitems_level_3 = [];
+                                            if(count($menusubitems_level_3) > 0) {
+                                                foreach($menusubitems_level_3 as $menusubitem_level_3) {
+                                                    // Push to array
+                                                    array_push($subitems_level_3, [
+                                                        'name' => $menusubitem_level_3->name,
+                                                        'route' => $menusubitem_level_3->route != '' ? $menusubitem_level_3->routeparams != '' ? route($menusubitem_level_3->route, json_decode($menusubitem_level_3->routeparams, true)) : route($menusubitem_level_3->route) : '',
+                                                        'icon' => $menusubitem_level_3->icon,
+                                                        'visible_conditions' => $menusubitem_level_3->visible_conditions,
+                                                        'active_conditions' => $menusubitem_level_3->active_conditions
+                                                    ]);
+                                                }
+                                            }
+
                                             // Push to array
                                             array_push($subitems_level_2, [
                                                 'name' => $menusubitem_level_2->name,
                                                 'route' => $menusubitem_level_2->route != '' ? $menusubitem_level_2->routeparams != '' ? route($menusubitem_level_2->route, json_decode($menusubitem_level_2->routeparams, true)) : route($menusubitem_level_2->route) : '',
                                                 'icon' => $menusubitem_level_2->icon,
                                                 'visible_conditions' => $menusubitem_level_2->visible_conditions,
-                                                'active_conditions' => $menusubitem_level_2->active_conditions
+                                                'active_conditions' => $menusubitem_level_2->active_conditions,
+                                                'children' => $subitems_level_3
                                             ]);
                                         }
                                     }