diff --git a/layouts/edge-to-edge/layout--edge-to-edge.html.twig b/layouts/edge-to-edge/layout--edge-to-edge.html.twig
index 8641bdc..33967e0 100644
--- a/layouts/edge-to-edge/layout--edge-to-edge.html.twig
+++ b/layouts/edge-to-edge/layout--edge-to-edge.html.twig
@@ -64,7 +64,7 @@ jarallax(document.querySelectorAll('.jarallax'), {speed: 0.2});
 {% if content %}
 	<div class="ucb-boostrap-layout-section ucb-bootstrap-layout__background-color--{{ settings.background_color }} {{ row_overlay_settings }} {{ row_background_effect }}" style="{{ settings.background_image_styles }}">
 		<div class="ucb-edge-to-edge">
-			<div{{attributes.addClass(row_classes,frame_classes|join(''))}}>
+			<div{{attributes.addClass(row_classes, frame_classes|join(' '))}}>
 				<div {{ region_attributes.first.addClass('column', 'column--first', 'col-12') }}>
 					{{ content.first }}
 				</div>
diff --git a/layouts/one-column/layout--one-column.html.twig b/layouts/one-column/layout--one-column.html.twig
index 45049f9..0072b83 100644
--- a/layouts/one-column/layout--one-column.html.twig
+++ b/layouts/one-column/layout--one-column.html.twig
@@ -64,7 +64,7 @@ jarallax(document.querySelectorAll('.jarallax'), {speed: 0.2});
 {% if content %}
 	<div class="ucb-boostrap-layout-section ucb-bootstrap-layout__background-color--{{ settings.background_color }} {{ row_overlay_settings }} {{ row_background_effect }}" style="{{ settings.background_image_styles }}">
 		<div class="container ucb-contained-row">
-			<div{{attributes.addClass(row_classes,frame_classes|join(''))}}>
+			<div{{attributes.addClass(row_classes, frame_classes|join(' '))}}>
 				<div {{ region_attributes.first.addClass('column', 'column--first', 'col-12') }}>
 					{{ content.first }}
 				</div>