diff --git a/examples/framework-solid/src/components/Counter.tsx b/examples/framework-solid/src/components/Counter.jsx
similarity index 100%
rename from examples/framework-solid/src/components/Counter.tsx
rename to examples/framework-solid/src/components/Counter.jsx
diff --git a/examples/framework-solid/src/pages/index.astro b/examples/framework-solid/src/pages/index.astro
index d263de4440..747385394b 100644
--- a/examples/framework-solid/src/pages/index.astro
+++ b/examples/framework-solid/src/pages/index.astro
@@ -1,40 +1,32 @@
 ---
-import Counter from '../components/Counter.tsx';
+import Counter from '../components/Counter.jsx';
 ---
 
 <html>
   <head>
     <meta charset="utf-8" />
-    <meta
-      name="viewport"
-      content="width=device-width"
-    />
-
-        <link rel="icon" type="image/x-icon" href="/favicon.ico" />
-
-    <style>
-      :global(:root) {
+    <meta name="viewport" content="width=device-width" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <style global>
+      :root {
         font-family: system-ui;
-        padding: 2em 0;
       }
-      :global(.counter) {
+      .counter {
         display: grid;
         grid-template-columns: repeat(3, minmax(0, 1fr));
         place-items: center;
         font-size: 2em;
-        margin-top: 2em;
+        margin-top: 3em;
       }
-      :global(.children) {
-        display: grid;
-        place-items: center;
-        margin-bottom: 2em;
+      .counter-message {
+        text-align: center;
       }
     </style>
   </head>
   <body>
     <main>
       <Counter client:visible>
-        <h1>Hello Solid!</h1>
+        <h1>Hello, Solid!</h1>
       </Counter>
     </main>
   </body>
diff --git a/examples/framework-solid/tsconfig.json b/examples/framework-solid/tsconfig.json
deleted file mode 100644
index 44465b140d..0000000000
--- a/examples/framework-solid/tsconfig.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "moduleResolution": "node"
-}
