diff --git a/about.html b/about.html
index 414b42229c11e05eece78fa5959f8c4f78bbf432..5fa3fc8bd248612175b2dc0511084c3b54245367 100644
--- a/about.html
+++ b/about.html
@@ -14,8 +14,8 @@
     <header>
         <img src="assets\main-logo\logo-long-dark.min.svg" alt="Create Against Hate Logo">
         <!-- Navigation Bar -- index.html && about.html && rules.html && location.html -->
-        <nav id="main-navigation" class="navbar" aria-labelledby="Create Against Hate Main Navigation">
-            <ul role="menubar">
+        <nav id="main-navigation" aria-labelledby="Create Against Hate Main Navigation">
+            <ul role="menubar" class="navbar">
                 <li role="none">
                     <a href="#" role="menuitem">
                         <!-- .hideable-text exists for the mobile navigation which contains no text -->
@@ -23,7 +23,7 @@
                     </a>
                 </li>
                 <li role="none">
-                    <a href="about.html" role="menuitem">
+                    <a href="about.html" role="menuitem" aria-current="page">
                         <span class="icon--about"></span><span class="hideable-text"> About <i>Stop Hate UK</i></span>
                     </a>
                 </li>
@@ -38,13 +38,13 @@
                     </a>
                 </li>
             </ul>
-            <!-- Burger Menu -->
-            <button class="hamburger" aria-label="Open Main Navigation" aria-expanded="false">
-                <div class="hamburger--top"></div>
-                <div class="hamburger--middle"></div>
-                <div class="hamburger--bottom"></div>
-            </button>
         </nav>
+        <!-- Burger Menu -->
+        <button type="button" class="hamburger" aria-label="Open Main Navigation" aria-expanded="false">
+            <div class="hamburger--top"></div>
+            <div class="hamburger--middle"></div>
+            <div class="hamburger--bottom"></div>
+        </button>
     </header>
     <main>
         <!-- Hero -- uses class="hero" -- index.html && about.html -->
diff --git a/index.html b/index.html
index 6f71736f5d74223e1aa96c5612db9f02bd5c0c07..950879885d8e7a8981cd21a2abdd56e95a1cbedd 100644
--- a/index.html
+++ b/index.html
@@ -14,10 +14,10 @@
     <header>
         <img src="assets\main-logo\logo-long-dark.min.svg" alt="Create Against Hate Logo">
         <!-- Navigation Bar -- index.html && about.html && rules.html && location.html -->
-        <nav id="main-navigation" class="navbar" aria-labelledby="Create Against Hate Main Navigation">
-            <ul role="menubar">
+        <nav id="main-navigation" aria-labelledby="Create Against Hate Main Navigation">
+            <ul role="menubar" class="navbar">
                 <li role="none">
-                    <a href="#" role="menuitem">
+                    <a href="#" role="menuitem" aria-current="page">
                         <!-- .hideable-text exists for the mobile navigation which contains no text -->
                         <span class="icon--home"></span><span class="hideable-text"> Home</span>
                     </a>
@@ -38,13 +38,13 @@
                     </a>
                 </li>
             </ul>
-            <!-- Burger Menu -->
-            <button class="hamburger" aria-label="Open Main Navigation" aria-expanded="false">
-                <div class="hamburger--top"></div>
-                <div class="hamburger--middle"></div>
-                <div class="hamburger--bottom"></div>
-            </button>
         </nav>
+        <!-- Burger Menu -->
+        <button type="button" class="hamburger" aria-label="Open Main Navigation" aria-expanded="false">
+            <div class="hamburger--top"></div>
+            <div class="hamburger--middle"></div>
+            <div class="hamburger--bottom"></div>
+        </button>
     </header>
     <main id="home">
         <!-- Hero -- index.html && about.html -->
diff --git a/location.html b/location.html
index 7245e0c5d97ed0a38809f57695e3319eed2c8ec6..6874217dba67392bf9e107058c8f9df9913a1d58 100644
--- a/location.html
+++ b/location.html
@@ -14,8 +14,8 @@
     <header>
         <img src="assets\main-logo\logo-long-dark.min.svg" alt="Create Against Hate Logo">
         <!-- Navigation Bar -- index.html && about.html && rules.html && location.html -->
-        <nav id="main-navigation" class="navbar" aria-labelledby="Create Against Hate Main Navigation">
-            <ul role="menubar">
+        <nav id="main-navigation" aria-labelledby="Create Against Hate Main Navigation">
+            <ul role="menubar" class="navbar">
                 <li role="none">
                     <a href="#" role="menuitem">
                         <!-- .hideable-text exists for the mobile navigation which contains no text -->
@@ -33,18 +33,18 @@
                     </a>
                 </li>
                 <li role="none">
-                    <a href="location.html" role="menuitem">
+                    <a href="location.html" role="menuitem" aria-current="page">
                         <span class="icon--location"></span><span class="hideable-text"> How to find us</span>
                     </a>
                 </li>
             </ul>
-            <!-- Burger Menu -->
-            <button class="hamburger" aria-label="Open Main Navigation" aria-expanded="false">
-                <div class="hamburger--top"></div>
-                <div class="hamburger--middle"></div>
-                <div class="hamburger--bottom"></div>
-            </button>
         </nav>
+        <!-- Burger Menu -->
+        <button type="button" class="hamburger" aria-label="Open Main Navigation" aria-expanded="false">
+            <div class="hamburger--top"></div>
+            <div class="hamburger--middle"></div>
+            <div class="hamburger--bottom"></div>
+        </button>
     </header>
     <main>
         <!-- Map -->
diff --git a/rules.html b/rules.html
index 893ef995c9c0dde2fb6c6fbebf6bbad539fc9caf..ea4ca40f0c3f01d5778772ca3f24e9e8cb4616be 100644
--- a/rules.html
+++ b/rules.html
@@ -14,8 +14,8 @@
     <header>
         <img src="assets\main-logo\logo-long-dark.min.svg" alt="Create Against Hate Logo">
         <!-- Navigation Bar -- index.html && about.html && rules.html && location.html -->
-        <nav id="main-navigation" class="navbar" aria-labelledby="Create Against Hate Main Navigation">
-            <ul role="menubar">
+        <nav id="main-navigation" aria-labelledby="Create Against Hate Main Navigation">
+            <ul role="menubar" class="navbar">
                 <li role="none">
                     <a href="#" role="menuitem">
                         <!-- .hideable-text exists for the mobile navigation which contains no text -->
@@ -28,7 +28,7 @@
                     </a>
                 </li>
                 <li role="none">
-                    <a href="rules.html" role="menuitem">
+                    <a href="rules.html" role="menuitem" aria-current="page">
                         <span class="icon--rules"></span><span class="hideable-text"> Jam Rules</span>
                     </a>
                 </li>
@@ -38,13 +38,13 @@
                     </a>
                 </li>
             </ul>
-            <!-- Burger Menu -->
-            <button class="hamburger" aria-label="Open Main Navigation" aria-expanded="false">
-                <div class="hamburger--top"></div>
-                <div class="hamburger--middle"></div>
-                <div class="hamburger--bottom"></div>
-            </button>
         </nav>
+        <!-- Burger Menu -->
+        <button type="button" class="hamburger" aria-label="Open Main Navigation" aria-expanded="false">
+            <div class="hamburger--top"></div>
+            <div class="hamburger--middle"></div>
+            <div class="hamburger--bottom"></div>
+        </button>
     </header>
     <main>
         <!-- Rules -- uses class="text-section" -- about.html && rules.html && location.html -->