improve node content modal ui

src/components/Modal/styles.tsx

@@ -24,7 +24,7 @@ export const ModalWrapper = styled.div`
 
 export const ModalInnerWrapper = styled.div<{ size: "sm" | "md" | "lg" }>`
   min-width: 440px;
-  max-width: ${({ size }) => (size === "sm" ? "490px" : size === "md" ? "50%" : "90%")};
+  max-width: ${({ size }) => (size === "sm" ? "490px" : size === "md" ? "50%" : "80%")};
   width: fit-content;
   animation: ${appearAnimation} 220ms ease-in-out;
   line-height: 20px;

src/containers/Modals/NodeModal/index.tsx

@@ -32,7 +32,7 @@ export const NodeModal = ({ selectedNode, visible, closeModal }: NodeModalProps)
   };
 
   return (
-    <Modal visible={visible} setVisible={closeModal}>
+    <Modal visible={visible} setVisible={closeModal} size="lg">
       <Modal.Header>Node Content</Modal.Header>
       <Modal.Content>
         <SyntaxHighlighter