diff --git a/frontend/src/misc-components/issue-details-dialog.module.css b/frontend/src/misc-components/issue-details-dialog.module.css
index fe20b8a..5aef2ea 100644
--- a/frontend/src/misc-components/issue-details-dialog.module.css
+++ b/frontend/src/misc-components/issue-details-dialog.module.css
@@ -20,4 +20,8 @@
 	padding: 20px;
 	border: 1px solid #888;
 	width: 80%;
+}
+
+.modalContent pre {
+	font-size: 10pt;
 }
\ No newline at end of file
diff --git a/frontend/src/misc-components/issue-details-dialog.tsx b/frontend/src/misc-components/issue-details-dialog.tsx
index eabd306..08f07de 100644
--- a/frontend/src/misc-components/issue-details-dialog.tsx
+++ b/frontend/src/misc-components/issue-details-dialog.tsx
@@ -50,7 +50,7 @@ export const IssueDetailsDialog = observer((props: Props): JSX.Element => {
 		props.store.hide();
 	};
 	return (
-		<div className={Css.modal} style={props.store.displayStyle}>
+		<div className={Css.modal} style={props.store.displayStyle} onClick={onCloseClick}>
 			<div className={Css.modalContent}>
 				<h1>
 					<button onClick={onCloseClick}>close</button>