모달 잘 보이게 수정

frontend/components/common/ScreenModal.tsx

@@ -364,7 +364,7 @@ export const ScreenModal: React.FC<ScreenModalProps> = ({ className }) => {
           </div>
         </ResizableDialogHeader>
 
-        <div className="flex flex-1 items-center justify-center overflow-auto">
+        <div className="flex-1 overflow-auto p-6">
           {loading ? (
             <div className="flex h-full items-center justify-center">
               <div className="text-center">
@@ -374,13 +374,11 @@ export const ScreenModal: React.FC<ScreenModalProps> = ({ className }) => {
             </div>
           ) : screenData ? (
             <div
-              className="relative bg-white"
+              className="relative bg-white mx-auto"
               style={{
-                width: screenDimensions?.width || 800,
-                height: screenDimensions?.height || 600,
+                width: `${screenDimensions?.width || 800}px`,
+                height: `${screenDimensions?.height || 600}px`,
                 transformOrigin: "center center",
-                maxWidth: "100%",
-                maxHeight: "100%",
               }}
             >
               {screenData.components.map((component) => {