From 09352178bdbb1a0be7517329e6712adb75491bde Mon Sep 17 00:00:00 2001
From: Aaron Robertshaw <60436221+aaronrobertshaw@users.noreply.github.com>
Date: Fri, 5 Feb 2021 13:47:22 +1000
Subject: [PATCH] Fix application of gutter size CSS var (#28759)

---
 packages/block-library/src/gallery/edit.js | 2 +-
 packages/block-library/src/gallery/save.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/block-library/src/gallery/edit.js b/packages/block-library/src/gallery/edit.js
index ac20fde9d62065..bfcccedfacb759 100644
--- a/packages/block-library/src/gallery/edit.js
+++ b/packages/block-library/src/gallery/edit.js
@@ -346,7 +346,7 @@ function GalleryEdit( props ) {
 		className: classnames( className, 'has-nested-images' ),
 		style: {
 			'--gallery-block--gutter-size':
-				gutterSize !== undefined && `${ gutterSize }px`,
+				gutterSize !== undefined ? `${ gutterSize }px` : undefined,
 		},
 	} );
 
diff --git a/packages/block-library/src/gallery/save.js b/packages/block-library/src/gallery/save.js
index 42ac5f7b66b41a..dfb21461e31dc8 100644
--- a/packages/block-library/src/gallery/save.js
+++ b/packages/block-library/src/gallery/save.js
@@ -23,7 +23,7 @@ export default function save( { attributes } ) {
 
 	const style = {
 		'--gallery-block--gutter-size':
-			gutterSize !== undefined && `${ gutterSize }px`,
+			gutterSize !== undefined ? `${ gutterSize }px` : undefined,
 	};
 
 	return (