diff --git a/packages/dataviews/src/dataviews-layouts/table/index.tsx b/packages/dataviews/src/dataviews-layouts/table/index.tsx
index 82c9e10aa9b8a..2977d8d6a70f8 100644
--- a/packages/dataviews/src/dataviews-layouts/table/index.tsx
+++ b/packages/dataviews/src/dataviews-layouts/table/index.tsx
@@ -161,15 +161,15 @@ function TableRow< Item >( {
 			{ hasPrimaryColumn && (
 				<td
 					style={ {
-						width: titleField?.id
-							? view.layout?.styles?.[ titleField.id ]?.width
-							: undefined,
-						maxWidth: titleField?.id
-							? view.layout?.styles?.[ titleField.id ]?.maxWidth
-							: undefined,
-						minWidth: titleField?.id
-							? view.layout?.styles?.[ titleField.id ]?.minWidth
-							: undefined,
+						width:
+							titleField?.id &&
+							view.layout?.styles?.[ titleField.id ]?.width,
+						maxWidth:
+							titleField?.id &&
+							view.layout?.styles?.[ titleField.id ]?.maxWidth,
+						minWidth:
+							titleField?.id &&
+							view.layout?.styles?.[ titleField.id ]?.minWidth,
 					} }
 				>
 					<ColumnPrimary
@@ -331,18 +331,18 @@ function ViewTable< Item >( {
 							<th
 								scope="col"
 								style={ {
-									width: titleField?.id
-										? view.layout?.styles?.[ titleField.id ]
-												?.width
-										: undefined,
-									maxWidth: titleField?.id
-										? view.layout?.styles?.[ titleField.id ]
-												?.maxWidth
-										: undefined,
-									minWidth: titleField?.id
-										? view.layout?.styles?.[ titleField.id ]
-												?.minWidth
-										: undefined,
+									width:
+										titleField?.id &&
+										view.layout?.styles?.[ titleField.id ]
+											?.width,
+									maxWidth:
+										titleField?.id &&
+										view.layout?.styles?.[ titleField.id ]
+											?.maxWidth,
+									minWidth:
+										titleField?.id &&
+										view.layout?.styles?.[ titleField.id ]
+											?.minWidth,
 								} }
 							>
 								<span className="dataviews-view-table-header">