alright

Former-commit-id: 66a0a9f4fc554afeef9891915b203772fce2ffc4

3 files changed, 5 insertions, 9 deletions

diff --git a/demos/css-stress-test/src/index.css b/demos/css-stress-test/src/index.css
index 0917f6c7a..6054d6b5d 100644
--- a/demos/css-stress-test/src/index.css
+++ b/demos/css-stress-test/src/index.css
@@ -163,6 +163,7 @@ section {
 }
 
 .highlight {
+  margin-left: 0.5ch;
   color: white;
 }
 
diff --git a/demos/css-stress-test/src/index.tsx b/demos/css-stress-test/src/index.tsx
index ce6f9a930..00a6cbb88 100644
--- a/demos/css-stress-test/src/index.tsx
+++ b/demos/css-stress-test/src/index.tsx
@@ -1,7 +1,6 @@
 import { Main } from "./main";
 import classNames from "classnames";
-import * as ReactDOM from "react-dom";
-import * as ReactDOMServer from "react-dom/server.browser";
+import ReactDOM from "react-dom";
 
 const Base = ({}) => {
   const name =
@@ -12,19 +11,15 @@ const Base = ({}) => {
 };
 
 function startReact() {
-  ReactDOM.render(<Base />, document.querySelector("#reactroot"));
+  ReactDOM.hydrate(<Base />, document.querySelector("#reactroot"));
 }
 
 if (typeof window !== "undefined") {
-  console.log("HERE!!");
   globalThis.addEventListener("DOMContentLoaded", () => {
     startReact();
   });
 
   startReact();
-} else {
-  console.log("test");
-  console.log(ReactDOMServer.renderToString(<Base />));
 }
 
 export { Base };
diff --git a/demos/css-stress-test/src/main.tsx b/demos/css-stress-test/src/main.tsx
index c95d0f0eb..691efcf30 100644
--- a/demos/css-stress-test/src/main.tsx
+++ b/demos/css-stress-test/src/main.tsx
@@ -12,7 +12,7 @@ export const Main = ({ productName }) => {
         <section className="ProgressSection">
           <p className="Subtitle">
             <span className="Subtitle-part">
-              Ran:&nbsp;<span className="timer"></span>
+              Ran: <span className="timer"></span>
             </span>
           </p>
 
@@ -55,7 +55,7 @@ export const Main = ({ productName }) => {
         <div className="Bundler-container">
           <div className="Bundler">{productName}</div>
           <div className="Bundler-updateRate">
-            Saving a css file every&nbsp;
+            Saving a css file every
             <span className="highlight">
               <span className="interval"></span>ms
             </span>