Adjust to use Wonder Blocks spacing

Khan · Sep 4, 2024 · dae5912 · dae5912
1 parent 3ad05bf
commit dae5912
Showing 1 changed file with 3 additions and 2 deletions.
diff --git 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,
     },
 });