diff --git a/plugins/woocommerce-blocks/assets/js/blocks/product-categories/block.js b/plugins/woocommerce-blocks/assets/js/blocks/product-categories/block.js
index c1fad8df787..0f0dfd6cb8a 100644
--- a/plugins/woocommerce-blocks/assets/js/blocks/product-categories/block.js
+++ b/plugins/woocommerce-blocks/assets/js/blocks/product-categories/block.js
@@ -84,13 +84,16 @@ class ProductCategoriesBlock extends Component {
 
 	render() {
 		const { attributes, instanceId } = this.props;
-		const { isDropdown } = attributes;
+		const { className, isDropdown } = attributes;
 		const categories = getCategories( attributes );
-		const classes = classnames( {
-			'wc-block-product-categories': true,
-			'is-dropdown': isDropdown,
-			'is-list': ! isDropdown,
-		} );
+		const classes = classnames(
+			'wc-block-product-categories',
+			className,
+			{
+				'is-dropdown': isDropdown,
+				'is-list': ! isDropdown,
+			}
+		);
 
 		const selectId = `prod-categories-${ instanceId }`;