From 9f4124229591ea959a884b6748310d2045c9a1b3 Mon Sep 17 00:00:00 2001
From: yoonie-jang <yoonie.jang@mail.utoronto.ca>
Date: Wed, 11 Sep 2024 19:03:49 -0400
Subject: [PATCH] adjust svgdisplay components

---
 demo/src/SvgDisplay.tsx | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/demo/src/SvgDisplay.tsx b/demo/src/SvgDisplay.tsx
index aa1b99cd..edd87c84 100644
--- a/demo/src/SvgDisplay.tsx
+++ b/demo/src/SvgDisplay.tsx
@@ -34,16 +34,13 @@ export default function SvgDisplay(props: SvgDisplayPropTypes) {
         <Paper
             sx={{
                 height: 500,
-                // overflow: "hidden",
+                overflow: "hidden",
                 display: "flex",
                 justifyContent: "center",
                 alignItems: "center",
             }}
             variant="outlined"
         >
-            {/* <div style={{ height: 500, width: "110%", display: "flex",
-                justifyContent: "center",
-                alignItems: "center" }}> */}
             <TransformWrapper
                 minScale={0.2}
                 wheel={{ step: 0.2, smoothStep: 0.01 }}
@@ -51,7 +48,7 @@ export default function SvgDisplay(props: SvgDisplayPropTypes) {
                 <TransformComponent>
                     <canvas
                         style={{
-                            height: 500,
+                            height: "100%",
                             width: "100%",
                         }}
                         data-testid="memory-models-canvas"
@@ -61,7 +58,6 @@ export default function SvgDisplay(props: SvgDisplayPropTypes) {
                     />
                 </TransformComponent>
             </TransformWrapper>
-            {/* </div> */}
         </Paper>
     );
 }