Fix Plotly display issues

frontend/src/VectorVisualizer.css

@@ -1,4 +1,4 @@
-.js-plotly-plot {
+/* .js-plotly-plot {
   width: 100%;
   height: 100%;
 }
@@ -16,4 +16,4 @@
 .plotly .svg-container {
   width: 100% !important;
   height: 100% !important;
-}
+} */

frontend/src/VectorVisualizer.tsx

@@ -312,6 +312,7 @@ const VectorVisualizer: React.FC<VectorVisualizerProps> = (props: VectorVisualiz
     <Box className="VectorVisualizer"
       sx={{
         display: 'flex',
+        position: 'relative',
         flexDirection: 'column',
         flexGrow: 1,
         ...sx
@@ -324,15 +325,16 @@ const VectorVisualizer: React.FC<VectorVisualizerProps> = (props: VectorVisualiz
           </Typography>
         </Card>
       }
-      <FormControlLabel sx={{
-        display: "inline-flex",
-        width: "fit-content",
-        mb: '-2.5rem',
-        zIndex: 100,
-        ml: 1,
-        flexBasis: 0,
-        flexGrow: 0
-      }}
+      <FormControlLabel
+        sx={{
+          display: "flex",
+          position: "absolute",
+          width: "fit-content",
+          ml: 1,
+          zIndex: 100,
+          flexBasis: 0,
+          flexGrow: 0
+        }}
         control={<Switch checked={!view2D} />} onChange={() => setView2D(!view2D)} label="3D" />
       <Plot
         onClick={(event: any) => {
@@ -360,8 +362,6 @@ const VectorVisualizer: React.FC<VectorVisualizerProps> = (props: VectorVisualiz
         style={{
           display: "flex",
           flexGrow: 1,
-          justifyContent: 'center',
-          alignItems: 'center',
           minHeight: '240px',
           padding: 0,
           margin: 0,