diff --git a/src/compiler/compile/render_ssr/handlers/Element.ts b/src/compiler/compile/render_ssr/handlers/Element.ts
index 2716e924b1..87bcc5e390 100644
--- a/src/compiler/compile/render_ssr/handlers/Element.ts
+++ b/src/compiler/compile/render_ssr/handlers/Element.ts
@@ -87,7 +87,7 @@ export default function(node: Element, renderer: Renderer, options: RenderOption
 			const snippet = expression ? expression.node : x`#ctx.${name}`;
 			return x`${snippet} ? "${name}" : ""`;
 		})
-		.reduce((lhs, rhs) => x`${lhs} + ${rhs}`);
+		.reduce((lhs, rhs) => x`${lhs} + ' ' + ${rhs}`);
 
 	let add_class_attribute = class_expression ? true : false;
 
diff --git a/src/compiler/compile/render_ssr/handlers/InlineComponent.ts b/src/compiler/compile/render_ssr/handlers/InlineComponent.ts
index 78ffe13f97..6484edcb76 100644
--- a/src/compiler/compile/render_ssr/handlers/InlineComponent.ts
+++ b/src/compiler/compile/render_ssr/handlers/InlineComponent.ts
@@ -45,7 +45,7 @@ export default function(node: InlineComponent, renderer: Renderer, options: Rend
 						return x`{ ${attribute.name}: ${get_prop_value(attribute)} }`;
 					}
 				})
-				.concat(binding_props.map(p => `{ ${p} }`))
+				.concat(binding_props.map(p => x`{ ${p} }`))
 		})`;
 	} else {
 		props = x`{