diff --git a/users/static/users/center_style.css b/users/static/users/center_style.css
index a123caa48..6ac0893c6 100644
--- a/users/static/users/center_style.css
+++ b/users/static/users/center_style.css
@@ -144,6 +144,12 @@ span {
     display: none;
 }
 
+#content > nav > .btn {
+    background-color: #f2f2f2;
+    font-size: 150%;
+    color: #2c77bc;
+}
+
 /*Active*/
 .active span {
     color: white;
diff --git a/users/static/users/scripts/float_menu.js b/users/static/users/scripts/float_menu.js
index dbf01cec5..3a77ea9f9 100644
--- a/users/static/users/scripts/float_menu.js
+++ b/users/static/users/scripts/float_menu.js
@@ -3,3 +3,7 @@ $(document).ready(function () {
         $('#sidebar').toggleClass('active');
     });
 });
+
+$('.btn').on("click", function () {
+    $('.glyphicon').toggleClass('glyphicon-chevron-left glyphicon-chevron-right');
+});
diff --git a/users/templates/base.html b/users/templates/base.html
index 670f92323..950bc8598 100644
--- a/users/templates/base.html
+++ b/users/templates/base.html
@@ -118,9 +118,7 @@
     </nav>
     <div id="content">
         <nav style="text-align: left">
-            <button type="button" id="sidebarCollapse" class="btn btn-info navbar-btn">
-                <span>Toggle Sidebar</span>
-            </button>
+            <button class="btn" id="sidebarCollapse"><i class="glyphicon glyphicon-chevron-left"></i></button>
         </nav>
     {% endif %}
     <!-- Page Content Holder -->