diff --git a/public/index.html b/public/index.html
index 2a677f1..e0f6c87 100644
--- a/public/index.html
+++ b/public/index.html
@@ -67,8 +67,8 @@
             <div id="invoices-tab" class="tab-content hidden">
                 <div class="flex justify-between items-center mb-4">
                     <h2 class="text-3xl font-bold text-gray-800">Invoices</h2>
-                    <div class="flex items-center gap-3">
-                        <button onclick="window.invoiceView.syncFromQBO()" class="px-3 py-2 bg-indigo-600 text-white rounded-lg text-xs font-medium hover:bg-indigo-700">
+                    <div class="flex items-center gap-6">
+                        <button onclick="window.invoiceView.syncFromQBO()" class="px-6 py-3 bg-amber-300 text-gray-800 rounded-lg font-semibold shadow-md hover:bg-amber-400">
                             ⟳ Sync from QBO
                         </button>
                         <button onclick="openInvoiceModal()" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-semibold shadow-md">