diff --git a/src/components/molecules/BrowserRecordingSave.tsx b/src/components/molecules/BrowserRecordingSave.tsx
index bd1d1b00..9d8ec8d1 100644
--- a/src/components/molecules/BrowserRecordingSave.tsx
+++ b/src/components/molecules/BrowserRecordingSave.tsx
@@ -36,7 +36,7 @@ const BrowserRecordingSave = () => {
                  display: 'flex',
                  justifyContent: 'space-between',
             }}>
-                <Button onClick={goToMainMenu} variant="outlined" sx={{ marginLeft: "20px" }} size="small">
+                <Button onClick={goToMainMenu} variant="outlined" sx={{ marginLeft: "20px" }} size="small" color="error">
                   Discard
                 </Button>
                 <SaveRecording fileName={recordingName} />