diff --git a/settings.html b/settings.html
index ff1b575..e63703b 100644
--- a/settings.html
+++ b/settings.html
@@ -10,7 +10,7 @@
             <div class="col-auto title">ED Safari v0.1.0</div>
 
             <div class="col-auto">
-                <button type="button" class="btn-close btn-back" id="backBtn"></button>
+                <button type="button" class="btn-close btn-back backBtn"></button>
                 <button type="button" class="btn-close" id="closeBtn"></button>
             </div>
         </div>
@@ -46,18 +46,21 @@
                 </div>
             </div>
         </div>
-
-        <div class="container-fluid">
-            <div class="row separator align-items-center">
-                <div class="col"><hr class="separator"></div>
-                <div class="col-auto">
-                    <button type="submit" class="btn btn-primary">Save</button>
-                </div>
-                <div class="col"><hr class="separator"></div>
-            </div>
-        </div>
     </form>
 
+    <div class="container-fluid">
+        <div class="row separator align-items-center">
+            <div class="col"><hr class="separator"></div>
+            <div class="col-auto">
+                <button type="button" class="btn backBtn">Cancel</button>
+            </div>
+            <div class="col-auto">
+                <button type="submit" form="settingsForm" class="btn">Save</button>
+            </div>
+            <div class="col"><hr class="separator"></div>
+        </div>
+    </div>
+
     <script type="module" src="/src/settings.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/assets/index.css b/src/assets/index.css
index 94e13d5..3c09268 100755
--- a/src/assets/index.css
+++ b/src/assets/index.css
@@ -204,4 +204,19 @@ div b.active.landable {
 
 #titlebar .btn-back {
     background: transparent url('./../icons/arrow-left.svg') center/1em auto no-repeat;
+}
+
+.separator .btn {
+    color: var(--main);
+    text-transform: inherit;
+    font-family: inherit;
+    font-size: inherit;
+    text-shadow: inherit;
+    transition: color 300ms;
+    border-radius: 0;
+}
+
+.separator .btn:hover {
+    color: var(--accent-light);
+    transition: color 300ms;
 }
\ No newline at end of file
diff --git a/src/settings.js b/src/settings.js
index 37cd79e..fcc22fd 100644
--- a/src/settings.js
+++ b/src/settings.js
@@ -13,6 +13,6 @@ $('#closeBtn').on('click', () => {
 
 /* ---------------------------------------------------------------- load main window handler ---- */
 
-$('#backBtn').on('click', () => {
+$('.backBtn').on('click', () => {
     ipcRenderer.send('LOAD_MAIN')
 })
\ No newline at end of file