Move some styles around

Author: tajo

.ladle/components.tsx

@@ -1,3 +1,24 @@
+import type { GlobalProvider } from "@ladle/react";
+import * as React from "react";
+
+export const Provider: GlobalProvider = ({ children, globalState }) => {
+  if (globalState.mode === "preview") {
+    return (
+      <div
+        style={{
+          margin: "8px",
+          marginTop: "60px",
+          marginLeft: "30px",
+          marginRight: "30px",
+        }}
+      >
+        {children}
+      </div>
+    );
+  }
+  return children;
+};
+
 export const args = {
   rtl: false,
 };

e2e/animation.test.ts-snapshots/update-thumb-when-animating-container-1-chromium-darwin.png

@@ -66,7 +66,7 @@ export const untrackMouse = async (page: Page) => {
 };
 
 export const addFontStyles = async (page: Page) => {
-  await page.evaluate(fontStyles);
+  //await page.evaluate(fontStyles);
 };
 
 // This injects a box into the page that moves with the mouse;