diff --git a/resources/css/ocify-sidebar.css b/resources/css/ocify-sidebar.css
index cadfdeb..158b481 100644
--- a/resources/css/ocify-sidebar.css
+++ b/resources/css/ocify-sidebar.css
@@ -26,7 +26,7 @@
 }
 
 #sidebar-wrapper::-webkit-scrollbar-button {
-    display:none;
+    display: none;
 }
 
 #wrapper.toggled {
@@ -49,6 +49,15 @@
     transition: all 0.5s ease;
 }
 
+#sidebar-wrapper .navbar-form .dropdown-menu {
+    left: 18px;
+    min-width: 14.4rem;
+}
+
+#search .search-bar {
+    color:white !important;
+}
+
 #wrapper.toggled #sidebar-wrapper {
     width: 265px;
 }
@@ -96,12 +105,12 @@
     font-weight: 400;
     font-family: 'Poppins';
     font-size: 16px;
-    padding-right:20px;
+    padding-right: 20px;
     justify-content: space-between;
 }
 
 .sidebar-nav .sidebar-addon.active .sidebar-addon-link {
-    color: #fff!important;
+    color: #fff !important;
     font-weight: 600;
 }
 
@@ -110,12 +119,12 @@
 }
 
 .sidebar-nav .sidebar-sublist ul {
-    padding:0;
+    padding: 0;
 }
 
 #wrapper.toggled-2 .title,
 #wrapper.toggled-2 .navbar-form,
-#wrapper.toggled-2 .group-sublist{
+#wrapper.toggled-2 .group-sublist {
     display: none;
 }
 
@@ -139,7 +148,7 @@
     transition: all 700ms ease;
 }
 
-.sidebar-nav .sidebar-sublist .sub-item.active a{
+.sidebar-nav .sidebar-sublist .sub-item.active a {
     color: #BFD3E9 !important;
 }
 
@@ -168,12 +177,12 @@
     align-items: center;
 }
 
-.sidebar-nav .sidebar-group .sidebar-group-link span:not(.icon){
+.sidebar-nav .sidebar-group .sidebar-group-link span:not(.icon) {
     align-items: center;
     display: flex;
 }
 
-.sidebar-nav .sidebar-group .sidebar-group-link span .icon{
+.sidebar-nav .sidebar-group .sidebar-group-link span .icon {
     padding-top: 3px;
 }
 
@@ -280,7 +289,7 @@
     }
 
     #wrapper.toggled-2 #sidebar-wrapper,
-    #wrapper.toggled-2 .logo-bar{
+    #wrapper.toggled-2 .logo-bar {
         width: 70px;
     }
 
@@ -300,7 +309,6 @@
     }
 
 
-
     #page-content-wrapper {
         padding: 20px;
         position: relative;
@@ -416,7 +424,7 @@ li.active {
 
 #sidebar-wrapper .navbar-form input {
     width: 230px;
-    background-color: rgba(255,255,255,0.2) !important;
+    background-color: rgba(255, 255, 255, 0.2) !important;
 }
 
 #sidebar-wrapper .navbar-form button {
diff --git a/resources/js/theme/search.js b/resources/js/theme/search.js
index 242c063..883e45a 100644
--- a/resources/js/theme/search.js
+++ b/resources/js/theme/search.js
@@ -11,10 +11,10 @@ $(function () {
         return false;
     });
 
-    // Open search
-    input.on('focus', function () {
-        form.addClass('open');
-    });
+    // // Open search
+    // input.on('focus', function () {
+    //     form.addClass('open');
+    // });
 
     // Close search.
     $(window).click(function () {
@@ -28,6 +28,11 @@ $(function () {
     // Handle simple searching
     input.on('keydown', function (e) {
 
+        if (input.val().length < 1)
+        {
+            form.removeClass('open');
+        }
+
         /**
          * Capture the down arrow.
          */
@@ -157,6 +162,11 @@ $(function () {
 
     input.on('keyup', function (e) {
 
+        if (input.val().length > 0)
+        {
+            form.addClass('open');
+        }
+
         /**
          * If the keyup was a an arrow
          * up or down then skip this step.