diff --git a/web/packages/teleport/src/Audit/EventDialog/EventDialog.tsx b/web/packages/teleport/src/Audit/EventDialog/EventDialog.tsx
index a26c2727d1115..3a4ac2f53843d 100644
--- a/web/packages/teleport/src/Audit/EventDialog/EventDialog.tsx
+++ b/web/packages/teleport/src/Audit/EventDialog/EventDialog.tsx
@@ -65,8 +65,11 @@ EventDialog.propTypes = {
 };
 
 const dialogCss = () => `
-  min-height: 400px;
-  max-width: 600px;
+  min-height: 100px;
+  max-height: 80%;
+  height: 100%;
+  min-width: 100px;
+  max-width: 80%;
   width: 100%;
 `;