diff --git a/frontend/src/misc-components/issue-details-dialog.module.css b/frontend/src/misc-components/issue-details-dialog.module.css
index 9e7fb9f..79c262a 100644
--- a/frontend/src/misc-components/issue-details-dialog.module.css
+++ b/frontend/src/misc-components/issue-details-dialog.module.css
@@ -24,9 +24,15 @@
 
 .modalContent pre {
 	font-size: 10pt;
-}
-
-.monospace {
-	font-family: monospace;
-	font-size: 10pt;
+	/* word-wrap: normal; */
+	white-space: pre-wrap;
+	/* Since CSS 2.1 */
+	white-space: -moz-pre-wrap;
+	/* Mozilla, since 1999 */
+	white-space: -pre-wrap;
+	/* Opera 4-6 */
+	white-space: -o-pre-wrap;
+	/* Opera 7 */
+	word-wrap: break-word;
+	/* Internet Explorer 5.5+ */
 }
\ 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 a5a5115..956b091 100644
--- a/frontend/src/misc-components/issue-details-dialog.tsx
+++ b/frontend/src/misc-components/issue-details-dialog.tsx
@@ -66,9 +66,9 @@ export const IssueDetailsDialog = observer((props: Props): JSX.Element => {
 				<hr/>
 				<div>
 					<h2>Описание:</h2>
-					<div className={Css.monospace}>
+					<pre>
 						{props.store.issue.description}
-					</div>
+					</pre>
 				</div>
 				<hr/>
 				<div>
@@ -103,9 +103,9 @@ export const Comment = (props: {data: RedmineTypes.Journal}): JSX.Element => {
 		<>
 			<h3>{props.data.user.name}:</h3>
 			<div>
-				<div className={Css.monospace}>
+				<pre>
 					{props.data.notes || '-'}
-				</div>
+				</pre>
 			</div>
 			<hr/>
 		</>