diff --git a/resources/views/moons/user/allmoons.blade.php b/resources/views/moons/user/allmoons.blade.php
index 48d1d3532..e02d0249d 100644
--- a/resources/views/moons/user/allmoons.blade.php
+++ b/resources/views/moons/user/allmoons.blade.php
@@ -3,12 +3,17 @@
 <div class="container">
 <div class="row">
     <h2>Moons in W4RP Space</h2>
-    <nav class="nav nav-pills nav-fill">
+    <ul class="nav nav-pills nav-fill">
         @foreach($systems as $system)
         <li>
             <a data-toggle="pill" href="#W4RP-{{$system}}">{{$system}}</a>
         </li>
         @endforeach
+    </ul>
+    <nav class="nav nav-pills nav-fill">
+        @foreach($systems as $system)
+        <a data-toggle="pill" href="#W4RP-{{$system}}">{{$system}}</a>
+        @endforeach
     </nav>
     <div class="tab-content">
         @foreach($systems as $system)
@@ -58,4 +63,12 @@
     </div>
 </div>
 </div>
+<script> 
+    $(document).ready(function() { 
+        $('nav a').click(function() { 
+            $('nav a').removeClass("active"); 
+            $(this).addClass("active"); 
+        }); 
+    }); 
+</script> 
 @endsection
\ No newline at end of file