diff --git a/public/themes/default/theme.css b/public/themes/default/theme.css
index 3214d6c..c63171e 100644
--- a/public/themes/default/theme.css
+++ b/public/themes/default/theme.css
@@ -26,4 +26,10 @@ a:focus, a:hover {
 .navbar .navbar-brand:hover,
 .navbar .navbar-nav > li > a:hover {
     color: #fff !important;
+}
+
+.navbar-toggler
+{
+    border-color: #b3d1ff !important;
+    color: #b3d1ff !important;
 }
\ No newline at end of file
diff --git a/resources/views/themes/base/partials/navbar.blade.php b/resources/views/themes/base/partials/navbar.blade.php
index a6afa36..66bf6a9 100644
--- a/resources/views/themes/base/partials/navbar.blade.php
+++ b/resources/views/themes/base/partials/navbar.blade.php
@@ -1,8 +1,8 @@
-<nav class="navbar navbar-expand-md navbar-inverse bg-primary">
-    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar-content" aria-controls="navbar-content" aria-expanded="false" aria-label="Toggle navigation">
-        <span class="navbar-toggler-icon"></span>
-    </button>
+<nav class="navbar navbar-expand-md navbar-dark">
     <a class="navbar-brand" href="{{ route('home')  }}"><i class="fa fa-fw fa-photo"></i> {{ UserConfig::get('app_name') }}</a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-content" aria-controls="navbar-content" aria-expanded="false" aria-label="Toggle navigation">
+        <i class="fa fa-fw fa-bars"></i>
+    </button>
 
     <div class="collapse navbar-collapse" id="navbar-content">
         <ul class="navbar-nav mr-auto">