diff --git a/app/Http/Livewire/DashboardGrid.php b/app/Http/Livewire/DashboardGrid.php
new file mode 100644
index 00000000..ece97a26
--- /dev/null
+++ b/app/Http/Livewire/DashboardGrid.php
@@ -0,0 +1,38 @@
+<?php
+
+namespace App\Http\Livewire;
+
+use App\Http\Livewire\Concerns\InteractsWithDialog;
+use App\Models\Menu;
+use Livewire\Component;
+
+class DashboardGrid extends Component
+{
+    use InteractsWithDialog;
+
+    public $listeners = [
+        'refreshMenuGrid' => '$refresh',
+        'designerView' => 'designerView',
+    ];
+
+    public $designerView = false;
+
+    public function designerView()
+    {
+        $this->designerView = ! $this->designerView;
+    }
+
+    public function updateSort($list)
+    {
+        if ($this->designerView) {
+            foreach ($list as $item) {
+                Menu::find($item['value'])->update(['sort' => $item['order']]);
+            }
+        }
+    }
+
+    public function render()
+    {
+        return view('includes.dashboard-grid');
+    }
+}
diff --git a/app/Providers/LivewireServiceProvider.php b/app/Providers/LivewireServiceProvider.php
index 72e0fe58..e9e0b345 100644
--- a/app/Providers/LivewireServiceProvider.php
+++ b/app/Providers/LivewireServiceProvider.php
@@ -27,6 +27,8 @@
 use App\Http\Livewire\Admin\User\ReactivateUserDialog;
 use App\Http\Livewire\Admin\User\RestoreUserDialog;
 use App\Http\Livewire\Admin\User\UsersTable;
+use App\Http\Livewire\DashboardGrid;
+use App\Http\Livewire\Menu\MenuGrid;
 use Illuminate\Support\ServiceProvider;
 use Livewire\Livewire;
 
@@ -63,5 +65,10 @@ public function register()
         Livewire::component('admin.menus.includes.partials.create-menu-button', CreateMenuButton::class);
 
         Livewire::component('admin.icons.icon-select', IconSelect::class);
+
+        Livewire::component('includes.dashboard-grid', DashboardGrid::class);
+        Livewire::component('menu.includes.menu-grid', MenuGrid::class);
+
+
     }
 }
diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
index b04363c2..d373ab96 100644
--- a/resources/views/dashboard.blade.php
+++ b/resources/views/dashboard.blade.php
@@ -9,32 +9,10 @@
         </div>
 
     </x-slot>
-        <x-app-grid>
-            @forelse($logged_in_user->all_menus->where('name', '!=', 'Dashboard') as $item)
-                <x-article-stacked href="{{ $item->link }}" :target="($item->type == 'external_link') ? '_blank' : null">
-
-                    <div class="w-24 h-24 ml-auto mr-auto picture-box">
-                        {!! $item->icon->art !!}
-                    </div>
-
-                    <x-slot name="caption">
-                        <p class="ml-auto mr-auto overflow-hidden leading-none tracking-tighter">
-                            {{ $item->name ?? $item->link }}
-                        </p>
-                    </x-slot>
-                </x-article-stacked>
-            @empty
-                <x-article-stacked>
-
-                    <svg class="h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
-
-                    <x-slot name="caption">
-                        {{__('No Items')}}
-                    </x-slot>
-                </x-article-stacked>
-
-            @endforelse
-        </x-app-grid>
+        <livewire:includes.dashboard-grid />
 </x-7xl>
-
+@if($logged_in_user->isAdmin())
+    <livewire:admin.menus.edit />
+    <livewire:admin.menus.delete />
+@endif
 
diff --git a/resources/views/includes/dashboard-grid.blade.php b/resources/views/includes/dashboard-grid.blade.php
new file mode 100644
index 00000000..04f65c09
--- /dev/null
+++ b/resources/views/includes/dashboard-grid.blade.php
@@ -0,0 +1,36 @@
+<div>
+    <x-app-grid wire:sortable="updateSort" >
+        @forelse($logged_in_user->all_menus->where('name', '!=', 'Dashboard')->sortBy('sort') as $item)
+            <x-article-stacked :href="$designerView ? 'javascript:void(0)': $item->link" wire:sortable.item="{{ $item->id }}" wire:key="item-{{ $item->uuid }}" :target="($item->type == 'external_link') ? '_blank' : null" >
+
+                <div class="w-24 h-24 ml-auto mr-auto picture-box">
+                    {!! $item->icon->art !!}
+                </div>
+
+                <x-slot name="caption">
+                    <p class="ml-auto mr-auto overflow-hidden leading-none tracking-tighter">
+                        {{ $item->name ?? $item->link }}
+                    </p>
+                </x-slot>
+
+                @if($logged_in_user->isAdmin())
+                    <div class="flex">
+                        <x-edit-button-live class="z-50 -ml-24 bg-opacity-90" wire:model="designerView" wire:click="dialog('edit', {{ $item->id }})" id="editMenuButton_{{ $item->id }}" />
+                        <x-delete-button-live class="z-50 bg-opacity-90 -ml-14 " wire:model="designerView" wire:click="confirm('delete', {{ $item->id }})" />
+                    </div>
+                @endif
+            </x-article-stacked>
+
+
+        @empty
+            <x-article-stacked>
+
+                <svg class="h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
+
+                <x-slot name="caption">
+                    {{__('No Items')}}
+                </x-slot>
+            </x-article-stacked>
+        @endforelse
+    </x-app-grid>
+</div>
diff --git a/resources/views/menus/show.blade.php b/resources/views/menus/show.blade.php
index 1a183750..bd3c323d 100644
--- a/resources/views/menus/show.blade.php
+++ b/resources/views/menus/show.blade.php
@@ -15,7 +15,7 @@
         </x-slot>
     @endif
 
-        <livewire:menu.menu-grid :menuId="$menu->id" />
+        <livewire:menu.includes.menu-grid :menuId="$menu->id" />
 </x-7xl>
 @if($logged_in_user->isAdmin())
     <livewire:admin.menus.create />
diff --git a/routes/web.php b/routes/web.php
index 024b20ea..52b30d09 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -10,9 +10,9 @@
 
 Route::view('/', 'welcome')->name('index');
 
-Route::middleware(['auth', 'verified'])->get('/dashboard', function () {
-    return view('dashboard');
-})->name('dashboard');
+Route::view('/dashboard', 'dashboard')
+    ->middleware(['auth', 'verified'])
+    ->name('dashboard');
 
 /*
  * Admin Routes
@@ -20,14 +20,14 @@
  * These routes can only be accessed by users with type `admin`
  */
 Route::group(['prefix' => 'admin', 'as' => 'admin.', 'middleware' => 'admin'], function () {
-    includeRouteFiles(__DIR__.'/admin/');
+    includeRouteFiles(__DIR__ . '/admin/');
 });
 
 /*
  * Menu Routes
  */
 Route::group(['prefix' => 'menus', 'as' => 'menus.', 'middleware' => 'auth'], function () {
-    includeRouteFiles(__DIR__.'/menus/');
+    includeRouteFiles(__DIR__ . '/menus/');
 });
 
 /*
@@ -35,10 +35,10 @@
  */
 Route::group([
     'prefix' => config('menus.url_segments.internal_iframe_prefix'),
-    'as' => config('menus.url_segments.internal_iframe_prefix').'.',
+    'as' => config('menus.url_segments.internal_iframe_prefix') . '.',
     'middleware' => 'auth'
 ], function () {
-    includeRouteFiles(__DIR__.'/iframes/');
+    includeRouteFiles(__DIR__ . '/iframes/');
 });
 
 /*
@@ -46,26 +46,26 @@
  */
 Route::group([
     'prefix' => config('menus.url_segments.external_iframe_prefix'),
-    'as' => config('menus.url_segments.external_iframe_prefix').'.',
+    'as' => config('menus.url_segments.external_iframe_prefix') . '.',
     'middleware' => 'auth'
 ], function () {
-    includeRouteFiles(__DIR__.'/extras/');
+    includeRouteFiles(__DIR__ . '/extras/');
 });
 
 
 if (config('template.cms.cms')) {
     if (config('template.cms.driver') === 'wink') {
         Route::middleware(config('wink.middleware_group'))
-        ->as('wink.')
-        ->domain(config('wink.domain'))
-        ->prefix(config('wink.path'))
-        ->group(function () {
-            Route::get('huh', function () {
+            ->as('wink.')
+            ->domain(config('wink.domain'))
+            ->prefix(config('wink.path'))
+            ->group(function () {
+                Route::get('huh', function () {
+                });
+                Route::get('/login', [WinkBridgeController::class, 'showLoginForm'])->name('auth.login');
+                Route::post('/login', [WinkBridgeController::class, 'login'])->name('auth.attempt');
+                // Logout Route...
+                Route::get('/logout', [WinkBridgeController::class, 'logout'])->name('logout');
             });
-            Route::get('/login', [WinkBridgeController::class, 'showLoginForm'])->name('auth.login');
-            Route::post('/login', [WinkBridgeController::class, 'login'])->name('auth.attempt');
-            // Logout Route...
-            Route::get('/logout', [WinkBridgeController::class, 'logout'])->name('logout');
-        });
     }
 }