1 files changed, 10 insertions, 10 deletions
diff --git a/src/client/views/nodes/PhysicsBox/PhysicsSimulationBox.tsx b/src/client/views/nodes/PhysicsBox/PhysicsSimulationBox.tsx
index b7bc81f38..671466261 100644
--- a/src/client/views/nodes/PhysicsBox/PhysicsSimulationBox.tsx
+++ b/src/client/views/nodes/PhysicsBox/PhysicsSimulationBox.tsx
@@ -32,7 +32,7 @@ import {
 } from "@mui/material";
 import Typography from "@mui/material/Typography";
 import "./PhysicsSimulationBox.scss";
-import { InputField } from "./PhysicsSimulationInputField";
+import InputField from "./PhysicsSimulationInputField";
 import questions from "./PhysicsSimulationQuestions.json";
 import tutorials from "./PhysicsSimulationTutorial.json";
 import Wall from "./PhysicsSimulationWall";
@@ -86,13 +86,13 @@ export default class PhysicsSimulationBox extends ViewBoxAnnotatableComponent<Fi
   }
 
   // Constants
-  const xMin = 0;
-  const yMin = 0;
-  const xMax = 100;
-  const yMax = 100;
-  const color = `rgba(0,0,0,0.5)`;
-  const radius = 50;
-  const wallPositions: IWallProps[] = [];
+  xMin = 0;
+  yMin = 0;
+  xMax = 100;
+  yMax = 100;
+  color = `rgba(0,0,0,0.5)`;
+  radius = 50;
+  wallPositions: IWallProps[] = [];
 
   componentDidMount() {
     this.wallPositions.push({ length: 70, xPos: 0, yPos: 0, angleInDegrees: 0 });
@@ -1254,7 +1254,7 @@ export default class PhysicsSimulationBox extends ViewBoxAnnotatableComponent<Fi
               style={{
                 position: "fixed",
                 top: 1 + "em",
-                left: xMin + 12 + "px",
+                left: this.xMin + 12 + "px",
               }}
             >
               <div className="dropdownMenu">
@@ -1427,7 +1427,7 @@ export default class PhysicsSimulationBox extends ViewBoxAnnotatableComponent<Fi
           </Stack>
           <div className="dropdownMenu">
             <select
-              value={mode}
+              value={this.dataDoc.mode}
               onChange={(event) => {
                 this.dataDoc.mode = (event.target.value);