diff --git a/packages/block-library/src/columns/index.php b/packages/block-library/src/columns/index.php
index 16cb658b55e1a1..477489c35ff594 100644
--- a/packages/block-library/src/columns/index.php
+++ b/packages/block-library/src/columns/index.php
@@ -51,15 +51,7 @@ function block_core_columns_render( $attributes, $content ) {
 	);
 
 	$style = '.' . $class . '{ --wp--style--unstable-columns-gap: ' . $gap_value . ';}';
-	// Ideally styles should be loaded in the head, but blocks may be parsed
-	// after that, so loading in the footer for now.
-	// See https://core.trac.wordpress.org/ticket/53494.
-	add_action(
-		'wp_footer',
-		function () use ( $style ) {
-			echo '<style> ' . $style . '</style>';
-		}
-	);
+	gutenberg_enqueue_block_support_styles( $style, 11 );
 	return $content;
 }
 
diff --git a/packages/block-library/src/columns/style.scss b/packages/block-library/src/columns/style.scss
index 5017305ecb26b1..9b617c9b317047 100644
--- a/packages/block-library/src/columns/style.scss
+++ b/packages/block-library/src/columns/style.scss
@@ -58,8 +58,6 @@
 
 	&.is-style-tablet-stack:not(.is-not-stacked-on-mobile) > .wp-block-column {
 		@media (max-width: #{ ($break-small - 1) }) {
-			// Responsiveness: Show at most one columns on mobile. This must be
-			// important since the Column assigns its own width as an inline style.
 			flex-basis: 100% !important;
 		}
 		// Between mobile and large viewports (tablet), allow 2 columns.