diff --git a/src/frontend/src/modals/ApiModal/index.tsx b/src/frontend/src/modals/ApiModal/index.tsx
index 6198c2b33..52a0adb55 100644
--- a/src/frontend/src/modals/ApiModal/index.tsx
+++ b/src/frontend/src/modals/ApiModal/index.tsx
@@ -90,7 +90,7 @@ flow("Hey, have you heard of LangFlow?")`;
   return (
     <Dialog open={true} onOpenChange={setModalOpen}>
       <DialogTrigger></DialogTrigger>
-      <DialogContent className="lg:max-w-[800px] sm:max-w-[600px] h-[550px] bg-muted">
+      <DialogContent className="lg:max-w-[800px] sm:max-w-[600px] h-[570px] bg-muted">
         <DialogHeader>
           <DialogTitle className="flex items-center">
             <span className="pr-2">Code</span>
@@ -141,7 +141,7 @@ flow("Hey, have you heard of LangFlow?")`;
               </div>
             </div>
             <SyntaxHighlighter
-              className="h-[370px] w-full"
+              className="h-[350px] w-full"
               language={tabs[activeTab].mode}
               style={oneDark}
               customStyle={{ margin: 0 }}