diff --git a/css/_recording.scss b/css/_recording.scss
index fbead3f207..dfd578299c 100644
--- a/css/_recording.scss
+++ b/css/_recording.scss
@@ -30,6 +30,10 @@
         width: 100%;
     }
 
+    .google-error {
+        color: $errorColor;
+    }
+
     /**
      * The Google sign in button must follow Google's design guidelines.
      * See: https://developers.google.com/identity/branding-guidelines
diff --git a/react/features/recording/components/LiveStream/StartLiveStreamDialog.web.js b/react/features/recording/components/LiveStream/StartLiveStreamDialog.web.js
index bd84719350..a4a0fad49c 100644
--- a/react/features/recording/components/LiveStream/StartLiveStreamDialog.web.js
+++ b/react/features/recording/components/LiveStream/StartLiveStreamDialog.web.js
@@ -544,14 +544,20 @@ class StartLiveStreamDialog extends Component<Props, State> {
      * @returns {string} The error message to display.
      */
     _getGoogleErrorMessageToDisplay() {
+        let text;
+
         switch (this.state.errorType) {
         case 'liveStreamingNotEnabled':
-            return this.props.t(
+            text = this.props.t(
                 'liveStreaming.errorLiveStreamNotEnabled',
                 { email: this.state.googleProfileEmail });
+            break;
         default:
-            return this.props.t('liveStreaming.errorAPI');
+            text = this.props.t('liveStreaming.errorAPI');
+            break;
         }
+
+        return <div className = 'google-error'>{ text }</div>;
     }
 
     /**