diff --git a/docs/docs_project/docs_project/templates/home.html b/docs/docs_project/docs_project/templates/home.html
index eca5ee3..4413221 100644
--- a/docs/docs_project/docs_project/templates/home.html
+++ b/docs/docs_project/docs_project/templates/home.html
@@ -33,7 +33,7 @@ <h2 class="!text-xl sm:!text-2xl italic !font-normal mt-3 md:mt-8 mb-10 pt-0 dar
             <div class="col-span-1 flex flex-col overflow-x-auto">
                 <h2 class="!font-normal !text-xl mb-3 mt-0 text-center"><span class="font-semibold">Before:</span> Strongly Coupled, Verbose</h2>
                 <div class="flex h-full rounded-xl overflow-hidden">
-                    <c-demo.snippet-tabs labels="'view.html|product_layout.html'" tabs_id="compare">
+                    <c-demo.snippet-tabs labels="view.html|product_layout.html" tabs_id="compare">
                         <div class="flex flex-col h-full" x-show="active === 0">
 
 <c-snippet rounded="rounded-b-xl">{% cotton_verbatim %}{% verbatim %}
@@ -89,7 +89,7 @@ <h1>
             <div class="col-span-1 rounded-lg overflow-hidden  flex flex-col">
                 <h2 class="!font-normal !text-xl mb-3 mt-0 text-center"><span class="font-semibold">After:</span> Decoupled, Clean &amp; Re-usable</h2>
                 <div class="flex h-full rounded-xl overflow-hidden">
-                    <c-demo.snippet-tabs labels="'view.html|product.html'" tabs_id="compare">
+                    <c-demo.snippet-tabs labels="view.html|product.html" tabs_id="compare">
                         <div class="flex flex-col h-full" x-show="active === 0">
 
 <c-snippet rounded="rounded-b-xl">{% cotton_verbatim %}{% verbatim %}