diff --git a/src/pages/RecordingPage.tsx b/src/pages/RecordingPage.tsx
index 4a82a18e..3c38eaa7 100644
--- a/src/pages/RecordingPage.tsx
+++ b/src/pages/RecordingPage.tsx
@@ -55,6 +55,17 @@ export const RecordingPage = ({ recordingName }: RecordingPageProps) => {
 
   useEffect(() => changeBrowserDimensions(), [isLoaded])
 
+  useEffect(() => {
+    document.body.style.background = 'radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(232, 191, 222, 1) 100%, rgba(255, 255, 255, 1) 100%)';
+    document.body.style.filter = 'progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);'
+    
+    return () => {
+      // Cleanup the background when leaving the page
+      document.body.style.background = '';
+      document.body.style.filter = '';
+    };
+  }, []);
+
   useEffect(() => {
     let isCancelled = false;
     const handleRecording = async () => {