diff --git a/assets/css/style.css b/assets/css/style.css
index 221a8f5..9b75000 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -169,11 +169,17 @@ body.danger .primary {
     background: #1abc9c;
 }
 
+#buttonss{
+    display:flex;
+    flex-direction: column;
+}
+
+
 .cancel {
     font-size: .6rem;
-    position: fixed;
-    right: 20px;
-    bottom: 20px;
+    /* position: fixed; */
+    /* right: 20px; */
+    /* bottom: 20px; */
     text-transform: uppercase;
     opacity: .6;
     color: #fff;
diff --git a/assets/js/app.js b/assets/js/app.js
index a0881a2..ef607aa 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -5,6 +5,8 @@
   @license MIT Licensed
 */
 
+
+
 var TF;
 
 ; (function (doc, win) {
@@ -417,7 +419,7 @@ var TF;
             gId('taskTitle').value = e.target.innerHTML;
         },
 
-
+        
 
         /**
          * Loads the database, if no database loads default values
@@ -569,3 +571,7 @@ var TF;
 
 
 }(document, window));
+
+function myFunction(){
+    alert("Are you sure to cancel?")
+    }
\ No newline at end of file
diff --git a/index.html b/index.html
index bd16df3..788414a 100644
--- a/index.html
+++ b/index.html
@@ -63,17 +63,21 @@ <h1>TwentyFive</h1>
 		<button id="cancelCountdown" class="cancel" title="Cancel the current task">Cancel</button>
 	</section>
 
-	<section id="naming" class="page naming">
+	<section id="naming" class="page-naming">
 		<input type="text" id="taskTitle" class="title" placeholder="What have you been working on?" title="Be as descriptive as possible&hellip;">
 		<ul id="suggestionList" class="tags"></ul>
-		<button id="saveNaming" class="primary" title="Save task">Save task</button>
-		<button id="cancelNaming" class="cancel" title="Cancel the current task">Cancel</button>
+
+		<div class="buttons" id="buttonss">
+			<button id="saveNaming" class="primary" title="Save task">Save task</button>
+			<button id="cancelNaming" class="cancel" onclick="myFunction()" title="Cancel the current task">Cancel</button>
+		</div>
+		
 	</section>
 
 	<section id="list" class="page list">
 		<button id="startCountdown" class="primary start" title="Start a new task">Start a new task</button>
 		<div id="timeResting"></div>
-		<ul id="taskList" class="tasklist"></ul>
+		<ul id="taskList" class="tasklist"></ul>	
 	</section>
 
 	<nav>