diff --git a/packages/block-library/src/column/edit.native.js b/packages/block-library/src/column/edit.native.js
index d356396a20d9b..ae530dec63ca2 100644
--- a/packages/block-library/src/column/edit.native.js
+++ b/packages/block-library/src/column/edit.native.js
@@ -17,7 +17,7 @@ import {
 import {
 	PanelBody,
 	RangeControl,
-	UnsupportedFooterControl,
+	FooterMessageControl,
 } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 /**
@@ -97,7 +97,7 @@ function ColumnEdit( {
 					/>
 				</PanelBody>
 				<PanelBody>
-					<UnsupportedFooterControl
+					<FooterMessageControl
 						label={ __(
 							'Note: Column layout may vary between themes and screen sizes'
 						) }
diff --git a/packages/components/src/mobile/bottom-sheet/footer-message-cell.native.js b/packages/components/src/mobile/bottom-sheet/footer-message-cell.native.js
index cdb80737e8e3e..85717987dd33a 100644
--- a/packages/components/src/mobile/bottom-sheet/footer-message-cell.native.js
+++ b/packages/components/src/mobile/bottom-sheet/footer-message-cell.native.js
@@ -15,7 +15,7 @@ function FooterMessageCell( { textAlign, ...props } ) {
 			editable={ false }
 			value={ '' }
 			accessibilityRole={ 'text' }
-			labelStyle={ [ styles.unsupportedFooterCell, { textAlign } ] }
+			labelStyle={ [ styles.footerMessageCell, { textAlign } ] }
 		/>
 	);
 }
diff --git a/packages/components/src/mobile/bottom-sheet/styles.native.scss b/packages/components/src/mobile/bottom-sheet/styles.native.scss
index 0a40d622084f4..700212f858455 100644
--- a/packages/components/src/mobile/bottom-sheet/styles.native.scss
+++ b/packages/components/src/mobile/bottom-sheet/styles.native.scss
@@ -168,9 +168,9 @@
 	color: #c3c4c7;
 }
 
-// Unsupported Footer Cell
+// Footer Message Cell
 
-.unsupportedFooterCell {
+.footerMessageCell {
 	font-size: $text-editor-font-size;
 	color: $gray;
 	flex: 1;