diff --git a/packages/block-library/src/columns/style.scss b/packages/block-library/src/columns/style.scss
index 9760af1ca0ff48..5b2f44dcf17027 100644
--- a/packages/block-library/src/columns/style.scss
+++ b/packages/block-library/src/columns/style.scss
@@ -31,8 +31,11 @@
 	overflow-wrap: break-word; // New standard.
 
 	// Between mobile and large viewports, allow 2 columns.
-	@include break-small() {
-		flex-basis: calc(50% - #{$grid-unit-20});
+	@media (min-width: #{ ($break-small) }) and (max-width: #{ ($break-medium - 1) }) {
+		// As with mobile styles, this must be important since the Column
+		// assigns its own width as an inline style, which should take effect
+		// starting at `break-medium`.
+		flex-basis: calc(50% - #{$grid-unit-20}) !important;
 		flex-grow: 0;
 
 		// Add space between the multiple columns. Themes can customize this if they wish to work differently.