diff --git a/apps/camera/js/views/setting-options.js b/apps/camera/js/views/setting-options.js
old mode 100644
new mode 100755
index c910b835297a..7ed0f0c08fbb
--- a/apps/camera/js/views/setting-options.js
+++ b/apps/camera/js/views/setting-options.js
@@ -73,7 +73,9 @@ module.exports = View.extend({
 
   template: function(data) {
     return '<div class="inner">' +
-      '<h2 class="settings_title icon-back-arrow js-back">' +
+      '<h2 class="settings_title">' +
+      '<button class="settings-back-btn icon-back-arrow js-back">' +
+      '</button>' +
       this.l10n.get(data.header) + '</h2>' +
       '<div class="settings_items"><ul class="inner js-list"></ul></div>' +
     '</div>';
diff --git a/apps/camera/style/setting-options.css b/apps/camera/style/setting-options.css
old mode 100644
new mode 100755
index d301b01adcbc..a0ff2dd4ed71
--- a/apps/camera/style/setting-options.css
+++ b/apps/camera/style/setting-options.css
@@ -17,16 +17,6 @@
   height: 100%;
 }
 
-/** Title
- ---------------------------------------------------------*/
-
-.setting-options .settings_title:before {
-  display: block;
-  position: absolute;
-  left: -1rem; top: 0;
-  font-size: 24px;
-}
-
 /** Items
  ---------------------------------------------------------*/
 
@@ -105,3 +95,25 @@
 .setting-option.selected:before {
   visibility: visible;
 }
+
+.settings-back-btn {
+  width: 15rem;
+  height: 9rem;
+  background: transparent;
+  border: none;
+  text-shadow: none;
+  font-size: 24px;
+  color: #FFFFFF;
+  text-align: left;
+  margin-top: 0rem;
+  margin-right: -26.1rem;
+  margin-left: -3rem;
+  line-height: 9.5rem;
+  padding-left: 0.5rem;
+  position: absolute;
+}
+
+.settings-back-btn:active {
+  background: transparent;
+  color: #008EAb;
+}