diff --git a/src/components/connection/connection-detail.tsx b/src/components/connection/connection-detail.tsx
index 055fb712..2b308daa 100644
--- a/src/components/connection/connection-detail.tsx
+++ b/src/components/connection/connection-detail.tsx
@@ -30,6 +30,7 @@ export const ConnectionDetail = forwardRef<ConnectionDetailRef>(
         anchorOrigin={{ vertical: "bottom", horizontal: "right" }}
         open={open}
         onClose={onClose}
+        sx={{ maxWidth: "520px" }}
         message={
           detail ? (
             <InnerConnectionDetail data={detail} onClose={onClose} />