diff --git a/stylesheets/css/main.css b/stylesheets/css/main.css
diff --git a/stylesheets/css/main.css.map b/stylesheets/css/main.css.map
diff --git a/stylesheets/scss/components/_header.scss b/stylesheets/scss/components/_header.scss
@@ -29,10 +29,12 @@
 		$head-height	: 4vh;
 		$arrow-width	: 2.5%;
 		#categories-head {
-			line-height: $head-height; background: $red-color; width: 100%; position: relative; letter-spacing: 2px;  
+			line-height: $head-height; background: $red-color; width: 100%; position: relative; letter-spacing: 2px;
 			span#categories-title { margin-left: $arrow-width; }
-			i { position: absolute; font-size: 20px; right: 10px; top: 4px; }
+			i:not(.shitty-back) { position: absolute; font-size: 20px; right: 10px; top: 4px; }
 			i.fa-times { z-index: 100; }
+			i.shitty-back { position: absolute; font-size: 26px; top: calc(50% - 13px); left: 10px; }
+			span.shitty-back { text-decoration: underline; margin-left: 5px; }
 			// #categories-hamburger {
 			// 	z-index: 100; width: 1.75%; height: $head-height * 2 / 4; position: absolute; margin: #{$head-height / 4} 0; @include transform(rotate(0deg)); @include transition(.5s ease-in-out); top: 0px; right: 1%;
 			// 	span {

diff --git a/views/index.html b/views/index.html
@@ -90,8 +90,10 @@
 					</div>
 					<div id="categories-selection">
 						<div id="categories-head">
+							<i class="fa fa-caret-left cursor-pointer hidden shitty-back" aria-hidden="true"></i>
 							<span id="categories-title" class="uppercase cursor-default"></span> / <span id="categories-location" class="uppercase cursor-default">National</span>.
 							Total Anggaran: <span id="categories-anggaran"></span>
+							<span class="shitty-back hidden cursor-pointer">(kembali)</span>
 							<!-- <div id="categories-hamburger" class="x-sign cursor-pointer hidden"><span></span><span></span><span></span></div> -->
 							<i class="fa fa-home cursor-pointer" aria-hidden="true"></i>
 							<i class="fa fa-times cursor-pointer hidden" aria-hidden="true"></i>