diff --git a/assets/js/theme.js b/assets/js/theme.js
index 6cd71c6..e7d04ef 100644
--- a/assets/js/theme.js
+++ b/assets/js/theme.js
@@ -88,7 +88,8 @@ $('.navbar-toggler').on('click', function() {
 -------------------------- */
 
 $('#sidebarCollapse').on('click', function () {
-    $('.idocs-navigation').toggleClass('active');
+	$('#sidebarCollapse span:nth-child(3)').toggleClass('w-50');
+	$('.idocs-navigation').toggleClass('active');
 });
 
 
diff --git a/index-2.html b/index-2.html
index 3072f67..5486e5e 100644
--- a/index-2.html
+++ b/index-2.html
@@ -47,7 +47,7 @@
     <nav class="primary-menu navbar navbar-expand-lg navbar-dropdown-dark">
       <div class="container-fluid">
         <!-- Sidebar Toggler -->
-		<button id="sidebarCollapse" class="navbar-toggler d-block d-md-none" type="button"><span></span><span class="w-75"></span><span></span></button>
+		<button id="sidebarCollapse" class="navbar-toggler d-block d-md-none" type="button"><span></span><span class="w-75"></span><span class="w-50"></span></button>
 		
 		<!-- Logo --> 
         <a class="logo ml-md-3" href="index.html" title="iDocs Template"> <img src="assets/images/logo.png" alt="iDocs Template"/> </a> 
diff --git a/index-3.html b/index-3.html
index 98279f2..5e09384 100644
--- a/index-3.html
+++ b/index-3.html
@@ -47,7 +47,7 @@
     <nav class="primary-menu navbar navbar-expand-lg bg-dark navbar-text-light navbar-dropdown-dark border-0">
       <div class="container-fluid">
         <!-- Sidebar Toggler -->
-		<button id="sidebarCollapse" class="navbar-toggler d-block d-md-none" type="button"><span></span><span class="w-75"></span><span></span></button>
+		<button id="sidebarCollapse" class="navbar-toggler d-block d-md-none" type="button"><span></span><span class="w-75"></span><span class="w-50"></span></button>
 		
 		<!-- Logo --> 
         <a class="logo ml-md-3" href="index.html" title="iDocs Template"> <img src="assets/images/logo-light.png" alt="iDocs Template"/> </a> 
diff --git a/index-4.html b/index-4.html
index 8dbc0aa..b4b9a56 100644
--- a/index-4.html
+++ b/index-4.html
@@ -47,7 +47,7 @@
     <nav class="primary-menu navbar navbar-expand-lg navbar-dropdown-dark">
       <div class="container-fluid">
         <!-- Sidebar Toggler -->
-		<button id="sidebarCollapse" class="navbar-toggler d-block d-md-none" type="button"><span></span><span class="w-75"></span><span></span></button>
+		<button id="sidebarCollapse" class="navbar-toggler d-block d-md-none" type="button"><span></span><span class="w-75"></span><span class="w-50"></span></button>
 		
 		<!-- Logo --> 
         <a class="logo ml-md-3" href="index.html" title="iDocs Template"> <img src="assets/images/logo.png" alt="iDocs Template"/> </a> 
diff --git a/index.html b/index.html
index 9eea8e9..bb6d679 100644
--- a/index.html
+++ b/index.html
@@ -47,7 +47,7 @@
     <nav class="primary-menu navbar navbar-expand-lg navbar-dropdown-dark">
       <div class="container-fluid">
         <!-- Sidebar Toggler -->
-		<button id="sidebarCollapse" class="navbar-toggler d-block d-md-none" type="button"><span></span><span class="w-75"></span><span></span></button>
+		<button id="sidebarCollapse" class="navbar-toggler d-block d-md-none" type="button"><span></span><span class="w-75"></span><span class="w-50"></span></button>
 		
 		<!-- Logo --> 
         <a class="logo ml-md-3" href="index.html" title="iDocs Template"> <img src="assets/images/logo.png" alt="iDocs Template"/> </a>