diff --git a/frontend/src/components/Header.js b/frontend/src/components/Header.js
index 832990b5..39d6ce69 100644
--- a/frontend/src/components/Header.js
+++ b/frontend/src/components/Header.js
@@ -32,47 +32,49 @@ class Header extends Component {
     const mapper = section == "mapper"
 
     return (
-      <div className="exploreMapsBar exploreElement">
-        <div className="exploreMapsMenu">
-          <div className="exploreMapsCenter">
-            <MapLink show={signedIn && explore}
-              href="/explore/mine"
-              linkClass={activeClass("my")}
-              data-router="true"
-              text="My Maps"
-            />
-            <MapLink show={signedIn && explore}
-              href="/explore/shared"
-              linkClass={activeClass("shared")}
-              data-router="true"
-              text="Shared With Me"
-            />
-            <MapLink show={signedIn && explore}
-              href="/explore/starred"
-              linkClass={activeClass("starred")}
-              data-router="true"
-              text="Starred"
-            />
-            <MapLink show={explore}
-              href={signedIn ? "/" : "/explore/active"}
-              linkClass={activeClass("active")}
-              data-router="true"
-              text="Recently Active"
-            />
-            <MapLink show={!signedIn && explore}
-              href="/explore/featured"
-              linkClass={activeClass("featured")}
-              data-router="true"
-              text="Featured Maps"
-            />
-      
-            {mapper ? (
-              <div className='exploreMapsButton active mapperButton'>
-                <img className='exploreMapperImage' width='24' height='24' src={this.props.user.image} />
-                <div className='exploreMapperName'>{this.props.user.name}&rsquo;s Maps</div>
-                <div className='clearfloat'></div>
-              </div>
-            ) : null }
+      <div id="exploreMapsHeader">
+        <div className="exploreMapsBar exploreElement">
+          <div className="exploreMapsMenu">
+            <div className="exploreMapsCenter">
+              <MapLink show={signedIn && explore}
+                href="/explore/mine"
+                linkClass={activeClass("my")}
+                data-router="true"
+                text="My Maps"
+              />
+              <MapLink show={signedIn && explore}
+                href="/explore/shared"
+                linkClass={activeClass("shared")}
+                data-router="true"
+                text="Shared With Me"
+              />
+              <MapLink show={signedIn && explore}
+                href="/explore/starred"
+                linkClass={activeClass("starred")}
+                data-router="true"
+                text="Starred"
+              />
+              <MapLink show={explore}
+                href={signedIn ? "/" : "/explore/active"}
+                linkClass={activeClass("active")}
+                data-router="true"
+                text="Recently Active"
+              />
+              <MapLink show={!signedIn && explore}
+                href="/explore/featured"
+                linkClass={activeClass("featured")}
+                data-router="true"
+                text="Featured Maps"
+              />
+
+              {mapper ? (
+                <div className='exploreMapsButton active mapperButton'>
+                  <img className='exploreMapperImage' width='24' height='24' src={this.props.user.image} />
+                  <div className='exploreMapperName'>{this.props.user.name}&rsquo;s Maps</div>
+                  <div className='clearfloat'></div>
+                </div>
+              ) : null }
+            </div>
           </div>
         </div>
       </div>