diff --git a/buttons.html b/buttons.html
index 79525644614adeee9394da82528c6b7dfb3ead52..6dabcb6790ef23b685d239e1a9aa0577721f38ca 100644
--- a/buttons.html
+++ b/buttons.html
@@ -297,14 +297,14 @@
                         <li>
                             <a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a>
                         </li>
-                        <li class="active">
+                        <li>
                             <a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a>
                             <ul class="nav nav-second-level">
                                 <li>
                                     <a href="panels-wells.html">Panels and Wells</a>
                                 </li>
                                 <li>
-                                    <a class="active" href="buttons.html">Buttons</a>
+                                    <a href="buttons.html">Buttons</a>
                                 </li>
                                 <li>
                                     <a href="notifications.html">Notifications</a>
diff --git a/flot.html b/flot.html
index c89d2eee1d9d1b65662c3cc799a84158a70eab0a..04a8c495058af4f86a8fac48e09a4585cd47533b 100644
--- a/flot.html
+++ b/flot.html
@@ -282,11 +282,11 @@
                         <li>
                             <a href="index.html"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>
                         </li>
-                        <li class="active">
+                        <li>
                             <a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Charts<span class="fa arrow"></span></a>
                             <ul class="nav nav-second-level">
                                 <li>
-                                    <a class="active" href="flot.html">Flot Charts</a>
+                                    <a href="flot.html">Flot Charts</a>
                                 </li>
                                 <li>
                                     <a href="morris.html">Morris.js Charts</a>
diff --git a/forms.html b/forms.html
index 6005f2059bf153860a5bb358fd02da26065a13f1..96e73596471329a9d58e9e0c4c228403bd2bb083 100644
--- a/forms.html
+++ b/forms.html
@@ -292,7 +292,7 @@
                             <a href="tables.html"><i class="fa fa-table fa-fw"></i> Tables</a>
                         </li>
                         <li>
-                            <a class="active" href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a>
+                            <a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a>
                         </li>
                         <li>
                             <a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a>
diff --git a/grid.html b/grid.html
index 47a6b5d6d2af85754653d5171c7d1742a3c7f7b5..65e48460d68a1bdec26e62652494f082597bdf4b 100644
--- a/grid.html
+++ b/grid.html
@@ -294,7 +294,7 @@
                         <li>
                             <a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a>
                         </li>
-                        <li class="active">
+                        <li>
                             <a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a>
                             <ul class="nav nav-second-level">
                                 <li>
@@ -313,7 +313,7 @@
                                     <a href="icons.html"> Icons</a>
                                 </li>
                                 <li>
-                                    <a class="active" href="grid.html">Grid</a>
+                                    <a href="grid.html">Grid</a>
                                 </li>
                             </ul>
                             <!-- /.nav-second-level -->
diff --git a/icons.html b/icons.html
index 7efdf99ae4dece44b0da958a91a3446c0e29571f..5f18dabd58a4a9b8642babd07494ac44e01668ae 100644
--- a/icons.html
+++ b/icons.html
@@ -294,7 +294,7 @@
             <li>
                 <a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a>
             </li>
-            <li class="active">
+            <li>
                 <a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a>
                 <ul class="nav nav-second-level">
                     <li>
@@ -310,7 +310,7 @@
                         <a href="typography.html">Typography</a>
                     </li>
                     <li>
-                        <a class="active" href="icons.html"> Icons</a>
+                        <a href="icons.html"> Icons</a>
                     </li>
                     <li>
                         <a href="grid.html">Grid</a>
diff --git a/index.html b/index.html
index d7c2d4974ee7a5f705ccd73ec3881db531a4f6f0..53532aa7db6c92e3150e826b3ad08fbe4ce65246 100644
--- a/index.html
+++ b/index.html
@@ -280,7 +280,7 @@
                             <!-- /input-group -->
                         </li>
                         <li>
-                            <a class="active" href="index.html"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>
+                            <a href="index.html"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>
                         </li>
                         <li>
                             <a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Charts<span class="fa arrow"></span></a>
@@ -838,7 +838,7 @@
                                     </span>
                                     <div class="chat-body clearfix">
                                         <div class="header">
-                                            <strong class="primary-font">Jack Sparrow</strong> 
+                                            <strong class="primary-font">Jack Sparrow</strong>
                                             <small class="pull-right text-muted">
                                                 <i class="fa fa-clock-o fa-fw"></i> 12 mins ago
                                             </small>
@@ -869,7 +869,7 @@
                                     </span>
                                     <div class="chat-body clearfix">
                                         <div class="header">
-                                            <strong class="primary-font">Jack Sparrow</strong> 
+                                            <strong class="primary-font">Jack Sparrow</strong>
                                             <small class="pull-right text-muted">
                                                 <i class="fa fa-clock-o fa-fw"></i> 14 mins ago</small>
                                         </div>
diff --git a/js/sb-admin-2.js b/js/sb-admin-2.js
index 2d228ecd587bee2bf72e58bdcf031a0bfb95916b..3ec2235f7f59f0a35ba2517bce72e02b84173467 100644
--- a/js/sb-admin-2.js
+++ b/js/sb-admin-2.js
@@ -25,4 +25,12 @@ $(function() {
             $("#page-wrapper").css("min-height", (height) + "px");
         }
     });
+
+    var url = window.location;
+    var element = $('ul.nav a').filter(function() {
+        return this.href == url;
+    }).addClass('active').parent().parent().addClass('in').parent();
+    if (element.is('li')) {
+        element.addClass('active');
+    }
 });
diff --git a/morris.html b/morris.html
index 9dd552fee8a7cd4201d4b73aa09848e6ec7e2e8b..9f7f88f02c2b436c4a1ce5465b8553c0a72fb160 100644
--- a/morris.html
+++ b/morris.html
@@ -279,14 +279,14 @@
                         <li>
                             <a href="index.html"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>
                         </li>
-                        <li class="active">
+                        <li>
                             <a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Charts<span class="fa arrow"></span></a>
                             <ul class="nav nav-second-level">
                                 <li>
                                     <a href="flot.html">Flot Charts</a>
                                 </li>
                                 <li>
-                                    <a class="active" href="morris.html">Morris.js Charts</a>
+                                    <a href="morris.html">Morris.js Charts</a>
                                 </li>
                             </ul>
                             <!-- /.nav-second-level -->
diff --git a/notifications.html b/notifications.html
index 0427795540544fea55d5f91b128bebe37a38b0d0..feb24b3c5ef9b6bd43c773e93014c73f82ba87d2 100644
--- a/notifications.html
+++ b/notifications.html
@@ -294,7 +294,7 @@
                         <li>
                             <a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a>
                         </li>
-                        <li class="active">
+                        <li>
                             <a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a>
                             <ul class="nav nav-second-level">
                                 <li>
@@ -304,7 +304,7 @@
                                     <a href="buttons.html">Buttons</a>
                                 </li>
                                 <li>
-                                    <a class="active" href="notifications.html">Notifications</a>
+                                    <a href="notifications.html">Notifications</a>
                                 </li>
                                 <li>
                                     <a href="typography.html">Typography</a>
diff --git a/panels-wells.html b/panels-wells.html
index 6ac2bac10ce2e3084ea2f778d4bc153900beec52..6da109328580ca548aa43afa1b0e93ffe9bd1519 100644
--- a/panels-wells.html
+++ b/panels-wells.html
@@ -294,11 +294,11 @@
                         <li>
                             <a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a>
                         </li>
-                        <li class="active">
+                        <li>
                             <a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a>
                             <ul class="nav nav-second-level">
                                 <li>
-                                    <a class="active" href="panels-wells.html">Panels and Wells</a>
+                                    <a href="panels-wells.html">Panels and Wells</a>
                                 </li>
                                 <li>
                                     <a href="buttons.html">Buttons</a>
diff --git a/tables.html b/tables.html
index 2cc99eb1575912eeff4702608a3beadef56e1d18..0fc85bf77ca331df610db67bb4426b0a0b2ecaa5 100644
--- a/tables.html
+++ b/tables.html
@@ -292,7 +292,7 @@
                             <!-- /.nav-second-level -->
                         </li>
                         <li>
-                            <a class="active" href="tables.html"><i class="fa fa-table fa-fw"></i> Tables</a>
+                            <a href="tables.html"><i class="fa fa-table fa-fw"></i> Tables</a>
                         </li>
                         <li>
                             <a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a>
diff --git a/typography.html b/typography.html
index 15546d4f53a1bded88c34c16d9a40efccef9b6d4..7a69c9f4c4b92f9225589f6fcee1bad56e52438a 100644
--- a/typography.html
+++ b/typography.html
@@ -294,7 +294,7 @@
                         <li>
                             <a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a>
                         </li>
-                        <li class="active">
+                        <li>
                             <a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a>
                             <ul class="nav nav-second-level">
                                 <li>
@@ -307,7 +307,7 @@
                                     <a href="notifications.html">Notifications</a>
                                 </li>
                                 <li>
-                                    <a class="active" href="typography.html">Typography</a>
+                                    <a href="typography.html">Typography</a>
                                 </li>
                                 <li>
                                     <a href="icons.html"> Icons</a>