diff --git a/react/features/recording/components/LiveStream/StopLiveStreamDialog.native.js b/react/features/recording/components/LiveStream/StopLiveStreamDialog.native.js
index 0d1c63a227..764a7c4f85 100644
--- a/react/features/recording/components/LiveStream/StopLiveStreamDialog.native.js
+++ b/react/features/recording/components/LiveStream/StopLiveStreamDialog.native.js
@@ -1,13 +1,11 @@
 // @flow
 
 import React from 'react';
-import { Text, View } from 'react-native';
 import { connect } from 'react-redux';
 
+import { DialogContent } from '../../../base/dialog';
 import { translate } from '../../../base/i18n';
 
-import styles from '../styles';
-
 import AbstractStopLiveStreamDialog, {
     _mapStateToProps
 } from './AbstractStopLiveStreamDialog';
@@ -27,13 +25,11 @@ class StopLiveStreamDialog extends AbstractStopLiveStreamDialog {
      */
     _renderDialogContent() {
         return (
-            <View style = { styles.messageContainer }>
-                <Text>
-                    {
-                        this.props.t('dialog.stopStreamingWarning')
-                    }
-                </Text>
-            </View>
+            <DialogContent>
+                {
+                    this.props.t('dialog.stopStreamingWarning')
+                }
+            </DialogContent>
         );
     }
 }
diff --git a/react/features/recording/components/Recording/StartRecordingDialogContent.native.js b/react/features/recording/components/Recording/StartRecordingDialogContent.native.js
index b0b8bb054c..e67488e368 100644
--- a/react/features/recording/components/Recording/StartRecordingDialogContent.native.js
+++ b/react/features/recording/components/Recording/StartRecordingDialogContent.native.js
@@ -1,12 +1,10 @@
 // @flow
 
 import React, { Component } from 'react';
-import { Text, View } from 'react-native';
 
+import { DialogContent } from '../../../base/dialog';
 import { translate } from '../../../base/i18n';
 
-import styles from '../styles';
-
 type Props = {
 
     /**
@@ -30,11 +28,9 @@ class StartRecordingDialogContent extends Component<Props> {
         const { t } = this.props;
 
         return (
-            <View style = { styles.messageContainer }>
-                <Text>
-                    { t('recording.startRecordingBody') }
-                </Text>
-            </View>
+            <DialogContent>
+                { t('recording.startRecordingBody') }
+            </DialogContent>
         );
     }
 }
diff --git a/react/features/recording/components/Recording/StopRecordingDialog.native.js b/react/features/recording/components/Recording/StopRecordingDialog.native.js
index 8084362068..acee52dfe2 100644
--- a/react/features/recording/components/Recording/StopRecordingDialog.native.js
+++ b/react/features/recording/components/Recording/StopRecordingDialog.native.js
@@ -1,13 +1,11 @@
 // @flow
 
 import React from 'react';
-import { Text, View } from 'react-native';
 import { connect } from 'react-redux';
 
+import { DialogContent } from '../../../base/dialog';
 import { translate } from '../../../base/i18n';
 
-import styles from '../styles';
-
 import AbstractStopRecordingDialog, {
     type Props,
     _mapStateToProps
@@ -30,11 +28,9 @@ class StopRecordingDialog extends AbstractStopRecordingDialog<Props> {
         const { t } = this.props;
 
         return (
-            <View style = { styles.messageContainer }>
-                <Text>
-                    { t('dialog.stopRecordingWarning') }
-                </Text>
-            </View>
+            <DialogContent>
+                { t('dialog.stopRecordingWarning') }
+            </DialogContent>
         );
     }
 }
diff --git a/react/features/recording/components/styles.js b/react/features/recording/components/styles.js
index 7e3367af7a..0d38df68ec 100644
--- a/react/features/recording/components/styles.js
+++ b/react/features/recording/components/styles.js
@@ -1,6 +1,6 @@
 // @flow
 
-import { BoxModel, ColorPalette, createStyleSheet } from '../../base/styles';
+import { ColorPalette, createStyleSheet } from '../../base/styles';
 
 /**
  * The styles of the React {@code Components} of the feature recording.
@@ -19,10 +19,5 @@ export default createStyleSheet({
      */
     indicatorRecording: {
         backgroundColor: ColorPalette.red
-    },
-
-    messageContainer: {
-        paddingHorizontal: BoxModel.padding,
-        paddingVertical: 1.5 * BoxModel.padding
     }
 });