Simplify hydration options spacing with flex

inokawa · Dec 22, 2024 · 73db915 · 73db915
1 parent 1481e4f
commit 73db915
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/stories/react/advanced/SSR.stories.tsx b/stories/react/advanced/SSR.stories.tsx
@@ -99,12 +99,11 @@ export const Default: StoryObj = {
           >
             hydrate
           </button>
-          <div style={{ display: "flex", alignItems: "center", gap: 8 }}>
+          <div style={{ display: "flex", alignItems: "center", gap: 10 }}>
             <label>On hydration:</label>
-            <label style={{ marginLeft: 4 }}>
+            <label>
               <input
                 type="checkbox"
-                style={{ marginLeft: 4 }}
                 checked={scrollOnMount}
                 onChange={() => {
                   setScrollOnMount((prev) => !prev);
@@ -119,10 +118,9 @@ export const Default: StoryObj = {
                 setScrollIndex(Number(e.target.value));
               }}
             />
-            <label style={{ marginLeft: 4 }}>
+            <label>
               <input
                 type="checkbox"
-                style={{ marginLeft: 4 }}
                 checked={smooth}
                 onChange={() => {
                   setSmooth((prev) => !prev);