diff --git a/index.mjs b/index.mjs
index 7aaf7b9..91012f8 100644
--- a/index.mjs
+++ b/index.mjs
@@ -276,7 +276,7 @@ function fillSlots(node, template) {
               nodeName: 'span',
               tagName: 'span',
               attrs: [
-                { name: 'slot', value: ' '}
+                { name: 'slot', value: ''}
               ],
               childNodes: [child]
             }
diff --git a/test/enhance.test.mjs b/test/enhance.test.mjs
index 05a1852..e63339c 100644
--- a/test/enhance.test.mjs
+++ b/test/enhance.test.mjs
@@ -67,7 +67,7 @@ test('default content in unnamed slot', t => {
   `
   const expected = `
 <my-button>
-  <button><span slot=" ">Submit</span></button>
+  <button><span slot="">Submit</span></button>
 </my-button>
 `
   t.equal(
@@ -115,7 +115,7 @@ test('should replace default content in unnamed slot', t => {
   `
   const expected = `
 <my-button>
-  <button><span slot=" ">Let's Go!</span></button>
+  <button><span slot="">Let's Go!</span></button>
 </my-button>
 `
   t.equal(
@@ -311,7 +311,7 @@ test('add authored children to unnamed slot', t => {
 <my-content id="0">
   <h2>My Content</h2>
   <h4 slot="title">Custom title</h4>
-  <span slot=" ">Just text</span>
+  <span slot="">Just text</span>
 </my-content>
 
 `
@@ -885,7 +885,7 @@ test('should support nested custom elements with nested slots', t => {
     </span>
     <my-heading>
       <h1>
-        <span slot=" ">My Heading</span>
+        <span slot="">My Heading</span>
       </h1>
     </my-heading>
   </my-super-heading>
@@ -999,9 +999,9 @@ ${Head()}
 <link rel="stylesheet" href="my-link-node-second.css">
 </head>
 <body>
-    <my-link-node-first><span slot=" ">first</span></my-link-node-first>
-    <my-link-node-second><span slot=" ">second</span></my-link-node-second>
-    <my-link-node-first><span slot=" ">first again</span></my-link-node-first>
+    <my-link-node-first><span slot="">first</span></my-link-node-first>
+    <my-link-node-second><span slot="">second</span></my-link-node-second>
+    <my-link-node-first><span slot="">first again</span></my-link-node-first>
 </body>
 </html>
 `
@@ -1094,7 +1094,7 @@ test('multiple slots with unnamed slot first', t => {
   `
   const expected = `
 <multiple-slots enhanced="✨">
-    <span slot=" ">unnamed slot</span><div slot="slot1">slot One</div>
+    <span slot="">unnamed slot</span><div slot="slot1">slot One</div>
 </multiple-slots>
 `
   t.equal(
