diff --git a/submit-challenge/index.html b/submit-challenge/index.html
index 7a9732c3..5eb94d3a 100644
--- a/submit-challenge/index.html
+++ b/submit-challenge/index.html
@@ -7,7 +7,7 @@
 </head>
 <body>
 <main class="container">
-  <h2>Submit New Coding Challenge</h2>
+  <h2 id="top">Submit New Coding Challenge</h2>
   <form id="challengeForm">
     <div class="form-group">
       <label for="title">Challenge Title</label>
@@ -50,6 +50,7 @@ <h2>Submit New Coding Challenge</h2>
   </form>
   <section id="preview"></section>
 </main>
+   <a href="#top" class="to-top">⬆ Top</a>
   <script src="script.js" defer></script>
 
 
diff --git a/submit-challenge/styles.css b/submit-challenge/styles.css
index 65ede161..8a56fc1d 100644
--- a/submit-challenge/styles.css
+++ b/submit-challenge/styles.css
@@ -372,7 +372,7 @@ input:focus, textarea:focus, select:focus, button:focus {
       width: 400px;
       /* margin: 50px auto; */
       position: fixed;
-      bottom: 20px;
+      bottom: 100px;
       right: 20px;
       background: white;
       border-radius: 10px;
@@ -412,3 +412,20 @@ input:focus, textarea:focus, select:focus, button:focus {
       border: none;
       cursor: pointer;
     }
+.to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 150px;
+       background-color: #059669;
+      color: white;
+      z-index: 10;
+      padding: 10px 15px;
+      border-radius: 5px;
+      text-decoration: none;
+      font-weight: bold;
+    
+    }
+
+    .to-top:hover {
+      background-color: green;
+    }
\ No newline at end of file
