diff --git a/webapp/index.html b/webapp/index.html
index 540e7aa..ccd69c4 100644
--- a/webapp/index.html
+++ b/webapp/index.html
@@ -29,12 +29,6 @@
 
       <!-- Add exercise form -->
       <div class="card" id="add-exercise-card">
-        <div class="exercise-name-row">
-          <input type="text" id="inp-exercise-name" class="input" placeholder="Exercise name" autocomplete="off" />
-          <button id="btn-add-exercise" class="btn-icon" title="Add exercise">+</button>
-        </div>
-        <div id="autocomplete-list" class="autocomplete-list"></div>
-
         <!-- Sets for current exercise (shown after name is entered) -->
         <div id="sets-section" class="sets-section hidden">
           <div class="sets-header">
@@ -49,6 +43,12 @@
             <button id="btn-add-set" class="btn-icon" title="Add set">+</button>
           </div>
         </div>
+
+        <div class="exercise-name-row">
+          <input type="text" id="inp-exercise-name" class="input" placeholder="Exercise name" autocomplete="off" />
+          <button id="btn-add-exercise" class="btn-icon" title="Add exercise">+</button>
+        </div>
+        <div id="autocomplete-list" class="autocomplete-list"></div>
       </div>
 
       <!-- Notes -->
diff --git a/webapp/style.css b/webapp/style.css
index b7796b8..9145206 100644
--- a/webapp/style.css
+++ b/webapp/style.css
@@ -166,7 +166,7 @@ body {
 .exercise-name-row {
   display: flex;
   gap: 8px;
-  margin-bottom: 4px;
+  margin-top: 4px;
 }
 
 .exercise-name-row .input { flex: 1; }