diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 98aaff7..af94d04 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -48,7 +48,21 @@ function Footer() {
         gap: '1.5rem',
       }}>
         <span>DB Version: {dbVersion || 'Loading...'}</span>
-        <button onClick={handleImport} disabled={importing}>
+        <button
+          onClick={handleImport}
+          disabled={importing}
+          style={{
+            background: '#3a3a3a',
+            color: '#e0e0e0',
+            border: '1px solid #666',
+            borderRadius: '6px',
+            padding: '4px 12px',
+            fontSize: '0.85rem',
+            cursor: importing ? 'not-allowed' : 'pointer',
+            opacity: importing ? 0.5 : 1,
+            transition: 'background 0.2s, color 0.2s',
+          }}
+        >
           {importing ? 'Importing...' : 'Full Import'}
         </button>
       </footer>