diff --git a/templates/index.html b/templates/index.html
index 7d6a128..d735ba1 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -511,17 +511,33 @@
 
                 <div class="video-info" id="video-info"></div>
 
-                <!-- Quick Actions -->
+                <!-- Trim Controls -->
                 <div class="form-group">
-                    <label>⚡ Quick Actions</label>
-                    <div class="quick-actions">
-                        <button class="quick-action-btn" id="mute-audio-btn" title="Remove audio track from video">
-                            🔇 Mute Audio
+                    <label>⏱️ Trim Video</label>
+                    <div class="current-time-display">
+                        Video Position: <span id="current-time-display">0:00</span>
+                    </div>
+                    <div class="trim-buttons">
+                        <button class="trim-btn" id="set-start-btn">
+                            ⏮️ Set Start Here
                         </button>
-                        <button class="quick-action-btn" id="rotate-btn" title="Rotate video 90° clockwise">
-                            🔄 Rotate 90°
+                        <button class="trim-btn" id="set-end-btn">
+                            ⏭️ Set End Here
                         </button>
                     </div>
+                    <p style="font-size: 0.9em; color: #6c757d; text-align: center; margin: 10px 0;">
+                        💡 Play the video and click the buttons to set trim points at the current playback position
+                    </p>
+                    <div class="form-row">
+                        <div>
+                            <label style="font-weight: normal;">Start Time (seconds)</label>
+                            <input type="number" id="start-time" value="0" min="0" step="0.1">
+                        </div>
+                        <div>
+                            <label style="font-weight: normal;">End Time (seconds)</label>
+                            <input type="number" id="end-time" min="0" step="0.1">
+                        </div>
+                    </div>
                 </div>
 
                 <!-- Crop Controls -->
@@ -555,35 +571,6 @@
                     </div>
                 </div>
 
-                <!-- Trim Controls -->
-                <div class="form-group">
-                    <label>⏱️ Trim Video</label>
-                    <div class="current-time-display">
-                        Video Position: <span id="current-time-display">0:00</span>
-                    </div>
-                    <div class="trim-buttons">
-                        <button class="trim-btn" id="set-start-btn">
-                            ⏮️ Set Start Here
-                        </button>
-                        <button class="trim-btn" id="set-end-btn">
-                            ⏭️ Set End Here
-                        </button>
-                    </div>
-                    <p style="font-size: 0.9em; color: #6c757d; text-align: center; margin: 10px 0;">
-                        💡 Play the video and click the buttons to set trim points at the current playback position
-                    </p>
-                    <div class="form-row">
-                        <div>
-                            <label style="font-weight: normal;">Start Time (seconds)</label>
-                            <input type="number" id="start-time" value="0" min="0" step="0.1">
-                        </div>
-                        <div>
-                            <label style="font-weight: normal;">End Time (seconds)</label>
-                            <input type="number" id="end-time" min="0" step="0.1">
-                        </div>
-                    </div>
-                </div>
-
                 <!-- Scale Controls -->
                 <div class="form-group">
                     <label>📐 Output Scale</label>
@@ -605,6 +592,19 @@
                     </div>
                 </div>
 
+                <!-- Quick Actions -->
+                <div class="form-group">
+                    <label>⚡ Quick Actions</label>
+                    <div class="quick-actions">
+                        <button class="quick-action-btn" id="mute-audio-btn" title="Remove audio track from video">
+                            🔇 Mute Audio
+                        </button>
+                        <button class="quick-action-btn" id="rotate-btn" title="Rotate video 90° clockwise">
+                            🔄 Rotate 90°
+                        </button>
+                    </div>
+                </div>
+
                 <div class="button-group">
                     <button class="btn" id="process-btn">🎬 Process Video</button>
                     <button class="btn btn-secondary" id="reset-btn">🔄 Start Over</button>