diff --git a/public/index.html b/public/index.html
index f295214..bab2b69 100644
--- a/public/index.html
+++ b/public/index.html
@@ -401,10 +401,24 @@
                         <input type="text" id="invoice-terms" value="Net 30" required 
                                class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
                     </div>
-                    <div class="flex items-center pt-6">
-                        <input type="checkbox" id="invoice-tax-exempt" 
-                               class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded">
-                        <label for="invoice-tax-exempt" class="ml-2 block text-sm text-gray-900">Tax Exempt</label>
+                    <div class="flex items-center gap-6 pt-6">
+                        <div class="flex items-center">
+                            <input type="checkbox" id="invoice-tax-exempt" 
+                                class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded">
+                            <label for="invoice-tax-exempt" class="ml-2 block text-sm text-gray-900">Tax Exempt</label>
+                        </div>
+                        <div class="flex items-center gap-2">
+                            <input type="checkbox" id="invoice-recurring"
+                                class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded">
+                            <label for="invoice-recurring" class="text-sm text-gray-900">Recurring</label>
+                            <div id="invoice-recurring-group" style="display: none;">
+                                <select id="invoice-recurring-interval"
+                                        class="px-2 py-1 border border-gray-300 rounded-md text-sm bg-white">
+                                    <option value="monthly">Monthly</option>
+                                    <option value="yearly">Yearly</option>
+                                </select>
+                            </div>
+                        </div>
                     </div>
                 </div>
                 
@@ -413,21 +427,6 @@
                     <input type="text" id="invoice-authorization" 
                            class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"
                            placeholder="P.O. Number, Authorization Code, etc.">
-                    <div class="flex items-center gap-4">
-                        <div class="flex items-center">
-                            <input type="checkbox" id="invoice-recurring"
-                                class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded">
-                            <label for="invoice-recurring" class="ml-2 block text-sm text-gray-900">Recurring Invoice</label>
-                        </div>
-                        <div id="invoice-recurring-group" style="display: none;" class="flex items-center gap-2">
-                            <label class="text-sm font-medium text-gray-700">Interval:</label>
-                            <select id="invoice-recurring-interval"
-                                    class="px-3 py-2 border border-gray-300 rounded-md text-sm bg-white focus:ring-blue-500 focus:border-blue-500">
-                                <option value="monthly">Monthly</option>
-                                <option value="yearly">Yearly</option>
-                            </select>
-                        </div>
-                    </div>                           
                 </div>
                 
                 <div>