diff --git a/assets/css/pretendo-common.css b/assets/css/pretendo-common.css
index 9727b06..6340a24 100644
--- a/assets/css/pretendo-common.css
+++ b/assets/css/pretendo-common.css
@@ -108,6 +108,21 @@ nav.navWrapper .navItem.hamburger {
 	position: absolute;
 	right: 0;
 	top: 0;
+	width: 60px;
+	height: 49px;
+	box-sizing: border-box;
+	flex-direction: column;
+	justify-content: space-evenly;
+	padding: .5em .8em;
+}
+nav.navWrapper .navItem.hamburger span {
+	height: 2px;
+	width: 100%;
+	background-color: white;
+	border-radius: 2px;
+}
+nav.navWrapper.open .navItem.hamburger {
+	background: rgba(0, 0, 0, 0.07);
 }
 @media screen and (max-width: 720px) {
 	nav.navWrapper {
@@ -117,9 +132,12 @@ nav.navWrapper .navItem.hamburger {
 	nav.navWrapper .navItem:not(.brand) {
 		display: none;
 	}
-	nav.navWrapper.open .navItem, nav.navWrapper .navItem.hamburger {
+	nav.navWrapper.open .navItem {
 		display: block;
 	}
+	nav.navWrapper .navItem.hamburger {
+		display: flex;
+	}
 	nav.navWrapper.open .navItem.navBtn, nav.navWrapper.open .navItem.navBtnAlt {
 		padding: .5em 0;
 		width: 12em;
diff --git a/views/partials/nav-default.hbs b/views/partials/nav-default.hbs
index 90bb67b..9548a64 100644
--- a/views/partials/nav-default.hbs
+++ b/views/partials/nav-default.hbs
@@ -14,5 +14,9 @@
     <a class="navItem navBtnAlt" href="/pnid/login">{{ locale.nav.links.login }}</a>
     <a class="navItem navBtn" href="/pnid/register">{{ locale.nav.links.register }}</a>
 {{/if}}
-    <a class="navItem hamburger" id="navToggle">ICON</a>
+    <a class="navItem hamburger" id="navToggle">
+        <span></span>
+        <span></span>
+        <span></span>
+    </a>
 </nav>
\ No newline at end of file