diff --git a/bigbluebutton-html5/imports/ui/components/nav-bar/component.jsx b/bigbluebutton-html5/imports/ui/components/nav-bar/component.jsx
index 7219497acbc0aa0f6bc65a53864247b72509059c..fa1f1f3dcf4b98900f8aefc21166ce338072da9a 100755
--- a/bigbluebutton-html5/imports/ui/components/nav-bar/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/nav-bar/component.jsx
@@ -53,6 +53,10 @@ const intlMessages = defineMessages({
     id: 'app.recording.stopTitle',
     description: 'stop recording title',
   },
+  resumeTitle: {
+    id: 'app.recording.resumeTitle',
+    description: 'resume recording title',
+  },
 });
 
 const propTypes = {
@@ -286,10 +290,19 @@ class NavBar extends PureComponent {
 
     const { time, amIModerator } = this.state;
 
+    let recordTitle;
+
     if (!this.interval) {
       this.interval = setInterval(this.incrementTime, 1000);
     }
 
+    if (!recordProps.recording) {
+      recordTitle = recordProps.time >= 0 ? intl.formatMessage(intlMessages.resumeTitle)
+        : intl.formatMessage(intlMessages.startTitle);
+    } else {
+      recordTitle = intl.formatMessage(intlMessages.stopTitle);
+    }
+
     const toggleBtnClasses = {};
     toggleBtnClasses[styles.btn] = true;
     toggleBtnClasses[styles.btnWithNotificationDot] = hasUnreadMessages;
@@ -322,8 +335,7 @@ class NavBar extends PureComponent {
           <RecordingIndicator
             {...recordProps}
             title={intl.formatMessage(intlMessages[recordingMessage])}
-            buttonTitle={(!recordProps.recording ? intl.formatMessage(intlMessages.startTitle)
-              : intl.formatMessage(intlMessages.stopTitle))}
+            buttonTitle={recordTitle}
             mountModal={mountModal}
             time={time}
             amIModerator={amIModerator}