diff --git a/app/src/frontend/header.js b/app/src/frontend/header.js
index 3dd4ddc3..3fa5eb10 100644
--- a/app/src/frontend/header.js
+++ b/app/src/frontend/header.js
@@ -15,6 +15,9 @@ const Header = (props) => (
                 <li className="nav-item">
                     <a className="nav-link" href="https://pages.colouring.london">Hello</a>
                 </li>
+                <li className="nav-item">
+                    <a className="nav-link" href="https://pages.colouring.london/buildingcategories">Data Categories</a>
+                </li>
                 <li className="nav-item">
                     <NavLink to="/view/age.html" className="nav-link">View Maps</NavLink>
                 </li>
@@ -22,14 +25,11 @@ const Header = (props) => (
                     <NavLink to="/edit/age.html" className="nav-link">Add/Edit Data</NavLink>
                 </li>
                 <li className="nav-item">
-                    <a className="nav-link" href="https://pages.colouring.london/buildingcategories">Building Categories</a>
+                    <a className="nav-link" href="https://pages.colouring.london/about">More about</a>
                 </li>
                 <li className="nav-item">
                     <a className="nav-link" href="https://pages.colouring.london/whoisinvolved">Who's Involved?</a>
                 </li>
-                <li className="nav-item">
-                    <a className="nav-link" href="https://pages.colouring.london/about">More about</a>
-                </li>
                 <li className="nav-item">
                     <a className="nav-link" href="https://discuss.colouring.london">Discuss</a>
                 </li>