diff --git a/app/custom/CustomControlBar.tsx b/app/custom/CustomControlBar.tsx
index 25563c7..27d2389 100644
--- a/app/custom/CustomControlBar.tsx
+++ b/app/custom/CustomControlBar.tsx
@@ -159,12 +159,10 @@ export function CustomControlBar({ room, roomName }: CustomControlBarProps) {
         <TrackToggle source={Track.Source.Camera} />
 
         <div
-          className={`control-btn ${isRecording ? '' : 'disabled'} ${isRecordingRequestPending || !isSelfRecord ? 'blinking' : ''}`}
+          className={`control-btn ${isRecording ? '' : 'disabled'} ${isRecordingRequestPending || isRecording ? 'blinking' : ''}`}
           onClick={toggleRoomRecording}
-          data-lk-active={isRecording}
           style={{
             cursor: isRecordingRequestPending ? 'not-allowed' : 'pointer',
-            color: isRecording || isRecordingRequestPending ? '#ED7473' : 'white',
           }}
         >
           {isRecording ? (
diff --git a/styles/globals.css b/styles/globals.css
index ba6e029..0bf367e 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -155,14 +155,14 @@ h2 a {
 @keyframes blink {
   0%,
   100% {
-    background-color: #382327;
+    color: #ed7473;
   }
 
   50% {
-    background-color: #2d1e22;
+    color: #714144;
   }
 }
 
 .blinking {
-  animation: blink 1s infinite;
+  animation: blink 1.5s infinite;
 }