diff --git a/src/preprocess/index.ts b/src/preprocess/index.ts
index 5abde887dc..5537b30ea1 100644
--- a/src/preprocess/index.ts
+++ b/src/preprocess/index.ts
@@ -60,7 +60,7 @@ export default async function preprocess(
 						attributes: parseAttributes(attributes),
 						filename: options.filename,
 					}));
-				return processed ? `<${type}>${processed.code}</${type}>` : match;
+				return processed ? `<${type}${attributes}>${processed.code}</${type}>` : match;
 			}
 		);
 	}
diff --git a/test/preprocess/index.js b/test/preprocess/index.js
index 14b483ce51..10661efd39 100644
--- a/test/preprocess/index.js
+++ b/test/preprocess/index.js
@@ -151,6 +151,10 @@ describe('preprocess', () => {
 			<style type='text/scss' data-foo="bar" bool></style>
 		`;
 
+		const expected = `
+			<style type='text/scss' data-foo="bar" bool>PROCESSED</style>
+		`;
+
 		return svelte.preprocess(source, {
 			style: ({ attributes }) => {
 				assert.deepEqual(attributes, {
@@ -158,7 +162,10 @@ describe('preprocess', () => {
 					'data-foo': 'bar',
 					bool: true
 				});
+				return { code: 'PROCESSED' };
 			}
+		}).then(processed => {
+			assert.equal(processed.toString(), expected);
 		});
 	});