diff --git a/include/views/default/crunchbutton/layout/html.body.phtml b/include/views/default/crunchbutton/layout/html.body.phtml
index af9784ec1..e511db96a 100644
--- a/include/views/default/crunchbutton/layout/html.body.phtml
+++ b/include/views/default/crunchbutton/layout/html.body.phtml
@@ -10,17 +10,74 @@
 		<div>
 			<div class="pushabutton-getfood"></div>
 			<ul>
-				<li><a href="javascript:;" ng-instant="navigation.link('/food-delivery')"><i class="icon-food icon-2x"></i> Restaurants</a></li>
-				<li><a href="javascript:;" ng-instant="navigation.link('/location')"><i class="icon-map-marker icon-2x"></i> Change Location</a></li>
-				<li><a ng-show="navigation.account.user" href="javascript:;" ng-instant="navigation.link('/orders')"><i class="icon-time icon-2x"></i> Order History</a></li>
-				<li><a ng-show="navigation.account.user" href="javascript:;" ng-instant="navigation.link('/orders')"><i class="icon-mail-reply icon-2x"></i> Logout</a></li>
-				<li><a href="javascript:;" ng-click="navigation.link('/help')">Help</a></li>
-				<li><a href="javascript:;" ng-click="navigation.link('/legal')">Legal</a></li>
+				<li ng-instant="navigation.link('/food-delivery')">
+					<table cellpadding="0" cellspacing="0" class="side-menu-wrap">
+						<tr>
+							<td class="side-menu-icon"><i class="icon-food"></i></td>
+							<td class="side-menu-label">Restaurants</a></td>
+						</tr>
+					</table>
+				</li>
+				<li ng-instant="navigation.link('/location')">
+					<table cellpadding="0" cellspacing="0" class="side-menu-wrap">
+						<tr>
+							<td class="side-menu-icon"><i class="icon-map-marker"></i></td>
+							<td class="side-menu-label">Change Location</a></td>
+						</tr>
+					</table>
+				</li>
+				<li ng-show="navigation.account.user" ng-instant="navigation.link('/orders')">
+					<table cellpadding="0" cellspacing="0" class="side-menu-wrap">
+						<tr>
+							<td class="side-menu-icon"><i class="icon-time"></i></td>
+							<td class="side-menu-label">Order History</a></td>
+						</tr>
+					</table>
+				</li>
+				<li ng-show="navigation.account.user" ng-instant="App.test.logout()">
+					<table cellpadding="0" cellspacing="0" class="side-menu-wrap">
+						<tr>
+							<td class="side-menu-icon"><i class="icon-mail-reply"></i></td>
+							<td class="side-menu-label">Logout</a></td>
+						</tr>
+					</table>
+				</li>
+				<li ng-instant="navigation.link('/help')">
+					<table cellpadding="0" cellspacing="0" class="side-menu-wrap">
+						<tr>
+							<td class="side-menu-icon"><i class="icon-question-sign"></i></td>
+							<td class="side-menu-label">Help</a></td>
+						</tr>
+					</table>
+				</li>
+				<li ng-instant="navigation.link('/legal')">
+					<table cellpadding="0" cellspacing="0" class="side-menu-wrap">
+						<tr>
+							<td class="side-menu-icon"><i class="icon-file"></i></td>
+							<td class="side-menu-label">Legal</a></td>
+						</tr>
+					</table>
+				</li>
+
 				<? if (c::env() == 'beta' || c::env() == 'local') : ?>
-					<li><a href="javascript:App.test.card();" class="test-card">TEST: card</a></li>
-					<li><a href="javascript:App.test.logout();" class="test-logout">TEST: logout</a></li>
-					<li><a href="javascript:App.test.clearloc();" class="test-clearloc">TEST: clear loc</a></li>
+				<li ng-instant="App.test.card()">
+					<table cellpadding="0" cellspacing="0" class="side-menu-wrap">
+						<tr>
+							<td class="side-menu-icon"><i class="icon-circle-blank"></i></td>
+							<td class="side-menu-label">TEST: card</a></td>
+						</tr>
+					</table>
+				</li>
+				<li ng-instant="App.test.clearloc()">
+					<table cellpadding="0" cellspacing="0" class="side-menu-wrap">
+						<tr>
+							<td class="side-menu-icon"><i class="icon-circle-blank"></i></td>
+							<td class="side-menu-label">TEST: clear loc</a></td>
+						</tr>
+					</table>
+				</li>
 				<? endif ; ?>
+
 			</ul>
 			<div>
 				<p>&copy; <?=date('Y')?> YouBeo. All rights reserved.</p>
diff --git a/www/assets/css/styles.revised.css b/www/assets/css/styles.revised.css
index aefe83c9d..aede71703 100644
--- a/www/assets/css/styles.revised.css
+++ b/www/assets/css/styles.revised.css
@@ -442,16 +442,17 @@ html {
 	list-style-type: none;
 }
 
-.snap-drawer li > a {
+.snap-drawer li {
 	display: block;
 	border-bottom: 1px solid rgba(0,0,0, 0.1);
 	border-top: 1px solid rgba(255, 255, 255, 0.1);
-	padding: 15px;
+	padding: 8px 0 2px 0;
 	font-weight: bold;
 	text-shadow: 0 1px 0 #000;
 	text-decoration: none;
 	color: #fff;
 	text-indent: 20px;
+
 }
 
 .snap-drawer p {
@@ -584,4 +585,25 @@ html {
 	}
 }
 
+.snap-drawer [class^="icon-"] {
+	font-size: 25px;
+}
 
+.side-menu-icon {
+	width: 60px;
+}
+
+.side-menu-label {
+	margin-top: -10px;
+	vertical-align: top;
+	line-height: 1.6em;
+	margin-bottom: 20px;
+}
+
+.side-menu-wrap {
+	margin-left: -10px;
+}
+
+.side-menu-wrap {
+	height: 28px;
+}
\ No newline at end of file