diff --git a/resources/views/layouts/admin/b4.blade.php b/resources/views/layouts/admin/b4.blade.php
index dfa4575ef..093c54c88 100644
--- a/resources/views/layouts/admin/b4.blade.php
+++ b/resources/views/layouts/admin/b4.blade.php
@@ -24,24 +24,10 @@
         -->
         <link rel="stylesheet" href="{{ asset('css/app.css') }}">
         <link rel="stylesheet" href="{{ asset('css/bootstrap.css') }}">
-        <!-- Custom stylesheet for navbar -->
-        <link ref="stylesheet" href="{{ asset('css/admin/navbar.css') }}">
-        <!-- Scrollbar Custom CSS -->
-        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css">
     </head>
     <body>
+        <!-- Admin Layouts Navbar -->
         @include('layouts.admin.navbar')
-        <!-- Page Content -->
-        <div id="content">
-            <nav class="navbar navbar-expand-lg navbar-light bg-light">
-                <div class="container-fluid">
-                    <button type="button" id="sidebarCollapse" class="btn btn-info">
-                        <i class="fas fa-align-left"></i>
-                        <span>Toggle Sidebar</span>
-                    </button>
-                </div>
-            </nav>
-        </div>
         <!-- Included Messages -->
         <div class="container">
             @include('inc.messages')
@@ -58,23 +44,5 @@
         <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
         <!-- Bootstrap JS -->
         <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
-        <!-- jQuery Custom Scroller CDN -->
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.concat.min.js"></script>
-        <script>
-            $(document).ready(function() {
-                $("#sidebar").mCustomScrollbar({
-                    theme: "minimal"
-                })
-
-                $('#sidebarCollapse').on('click', function() {
-                    //Open or close the navbar
-                    $('#sidebar').toggleClass('active');
-                    //Close the dropdown
-                    $('.collapse.in').toggleClass('in');
-                    //Adjust aria-expanded attributes we use for the open/clossed arrows in our CSS
-                    $('a[aria-expanded=true]').attr('aria-expanded', 'false');
-                });
-            });
-        </script>
     </body>
 </html>
\ No newline at end of file
diff --git a/resources/views/layouts/admin/navbar.blade.php b/resources/views/layouts/admin/navbar.blade.php
index 2f51670e9..ec23e1c2c 100644
--- a/resources/views/layouts/admin/navbar.blade.php
+++ b/resources/views/layouts/admin/navbar.blade.php
@@ -1,3 +1,33 @@
+<nav class="navbar navbar-light fixed-top bg-light flex-md-nowrap p-0 shadow">
+    <a class="navbar-brand col-sm-3 col-md-2 mr-0" href="#">W4RP</a>
+    <ul class="navbar-nav px-3">
+        <li class="nav-item text-nowrap">
+            <a class="nav-link" href="/logout">Logout</a>
+        </li>
+    </ul>
+</nav>
+<div class="container-fluid">
+    <div class="row">
+        <nav class="col-md-2 d-none d-md-block bg-light sidebar">
+            <div class="sidebar-sticky">
+                <ul class="nav flex-column">
+                    <li class="nav-item">
+                        <a class="nav-link active" href="#">
+                            <span data-feather="home"></span>
+                            Admin Dashboard<span class="sr-only">(current)</span>
+                        </a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="#">
+                            <span data-feather=""
+                        </a>
+                    </li>
+                </ul>
+            </div>
+        </nav>
+    </div>
+</div>
+
 <div class="wrapper">
     <!-- Sidebar -->
     <nav id="sidebar">
