diff --git a/frontend/src/misc-components/issue-details-dialog.module.css b/frontend/src/misc-components/issue-details-dialog.module.css
index 5aef2ea..43f976c 100644
--- a/frontend/src/misc-components/issue-details-dialog.module.css
+++ b/frontend/src/misc-components/issue-details-dialog.module.css
@@ -24,4 +24,8 @@
 
 .modalContent pre {
 	font-size: 10pt;
+}
+
+.monospace {
+	font-family: monospace;
 }
\ 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 4f941cf..a5a5115 100644
--- a/frontend/src/misc-components/issue-details-dialog.tsx
+++ b/frontend/src/misc-components/issue-details-dialog.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import React from 'react';
 import { RedmineTypes } from '../redmine-types';
 import { observer } from 'mobx-react-lite';
 import { Instance, types } from 'mobx-state-tree';
@@ -66,9 +66,9 @@ export const IssueDetailsDialog = observer((props: Props): JSX.Element => {
 				<hr/>
 				<div>
 					<h2>Описание:</h2>
-					<pre>
+					<div className={Css.monospace}>
 						{props.store.issue.description}
-					</pre>
+					</div>
 				</div>
 				<hr/>
 				<div>
@@ -103,9 +103,9 @@ export const Comment = (props: {data: RedmineTypes.Journal}): JSX.Element => {
 		<>
 			<h3>{props.data.user.name}:</h3>
 			<div>
-				<pre>
+				<div className={Css.monospace}>
 					{props.data.notes || '-'}
-				</pre>
+				</div>
 			</div>
 			<hr/>
 		</>