diff --git a/frontend/src/components/RestoreForm.jsx b/frontend/src/components/RestoreForm.jsx
index 4d211d0..57ad21a 100644
--- a/frontend/src/components/RestoreForm.jsx
+++ b/frontend/src/components/RestoreForm.jsx
@@ -1,6 +1,7 @@
 import { useState } from 'react';
 import { restoreBackup } from '../api/snapix';
 import { Button, Input } from '@mui/base'
+import '../style/RestoreForm.css'; // Assuming you have some styles for the form
 
 export default function RestoreForm() {
   const [backupName, setBackupName] = useState('');
@@ -52,7 +53,7 @@ export default function RestoreForm() {
         />
       </div>
 
-      <Button className='btn' onClick={handleRestore}>Restore</Button>
+      <Button id='restore-btn' className='btn' onClick={handleRestore}>Restore</Button>
     </div>
   );
 }
diff --git a/frontend/src/style/RestoreForm.css b/frontend/src/style/RestoreForm.css
new file mode 100644
index 0000000..c54af39
--- /dev/null
+++ b/frontend/src/style/RestoreForm.css
@@ -0,0 +1,3 @@
+#restore-btn {
+    background-color: dodgerblue;
+}
\ No newline at end of file