diff --git a/src/components/molecules/SaveRecording.tsx b/src/components/molecules/SaveRecording.tsx
index 80685841..51b4143b 100644
--- a/src/components/molecules/SaveRecording.tsx
+++ b/src/components/molecules/SaveRecording.tsx
@@ -83,13 +83,14 @@ export const SaveRecording = ({ fileName }: SaveRecordingProps) => {
       <Button 
         onClick={() => setOpenModal(true)} 
         variant="outlined" 
-        color="success"  // Adding this back
+        color="success" 
         sx={{ 
           marginRight: '20px',
           color: '#00c853 !important',
           borderColor: '#00c853 !important',
           '&:hover': {
             borderColor: '#00c853 !important',
+            backgroundColor: 'whitesmoke !important',
           }
         }} 
         size="small"