From dae5912da214a493514977a83391ddad736fe6cc Mon Sep 17 00:00:00 2001
From: Anna Mistele <anna.mistele_c@khanacademy.org>
Date: Wed, 4 Sep 2024 13:56:16 -0700
Subject: [PATCH] Adjust to use Wonder Blocks spacing

---
 .../perseus/src/widgets/phet-simulation/phet-simulation.tsx  | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/perseus/src/widgets/phet-simulation/phet-simulation.tsx b/packages/perseus/src/widgets/phet-simulation/phet-simulation.tsx
index dd18f7907f..dbd808a861 100644
--- a/packages/perseus/src/widgets/phet-simulation/phet-simulation.tsx
+++ b/packages/perseus/src/widgets/phet-simulation/phet-simulation.tsx
@@ -21,6 +21,7 @@ import {
 
 import type {PerseusPhetSimulationWidgetOptions} from "../../perseus-types";
 import type {WidgetExports, WidgetProps} from "../../types";
+import {spacing} from "@khanacademy/wonder-blocks-tokens";
 
 type RenderProps = PerseusPhetSimulationWidgetOptions;
 type Props = WidgetProps<RenderProps, PerseusPhetSimulationWidgetOptions>;
@@ -239,9 +240,9 @@ const styles = StyleSheet.create({
         borderRadius: borderRadiusLarge,
         borderWidth: 1,
         borderColor: basicBorderColor,
-        padding: phoneMargin,
+        padding: spacing.medium_16,
         paddingBottom: 0,
-        width: 450,
+        width: 400 + spacing.medium_16 * 2,
     },
 });