diff --git a/packages/core-components/src/components/LogViewer/LogLine.tsx b/packages/core-components/src/components/LogViewer/LogLine.tsx
index c258c27655..8b11d7b9de 100644
--- a/packages/core-components/src/components/LogViewer/LogLine.tsx
+++ b/packages/core-components/src/components/LogViewer/LogLine.tsx
@@ -193,7 +193,7 @@ export function LogLine({
               (highlight === highlightResultIndex
                 ? classes.textSelectedHighlight
                 : classes.textHighlight),
-            !!setRowHeight && classes.modifierTextWrap,
+            { [classes.textWrap]: !!setRowHeight },
           )}
         >
           <Linkify options={{ render: renderLink }}>{text}</Linkify>
diff --git a/packages/core-components/src/components/LogViewer/styles.ts b/packages/core-components/src/components/LogViewer/styles.ts
index 6511854d68..76e045ca32 100644
--- a/packages/core-components/src/components/LogViewer/styles.ts
+++ b/packages/core-components/src/components/LogViewer/styles.ts
@@ -50,8 +50,7 @@ export type LogViewerClassKey =
   | 'modifierBackgroundMagenta'
   | 'modifierBackgroundCyan'
   | 'modifierBackgroundWhite'
-  | 'modifierBackgroundGrey'
-  | 'modifierTextWrap';
+  | 'modifierBackgroundGrey';
 
 export const useStyles = makeStyles(
   theme => ({
@@ -168,7 +167,7 @@ export const useStyles = makeStyles(
     modifierBackgroundGrey: {
       background: colors.grey[500],
     },
-    modifierTextWrap: {
+    textWrap: {
       whiteSpace: 'pre-wrap',
       wordBreak: 'break-all',
     },