Explore: Fix wrap lines toggle for results of queries with filter expression (#24915)

* Add pre-wrap to highlighter only for wrapped lines option

* Remove duplicated styling

packages/grafana-ui/src/components/Logs/LogRowMessage.tsx

@@ -91,10 +91,6 @@ class UnThemedLogRowMessage extends PureComponent<Props> {
       ? cx([style.logsRowMatchHighLight, style.logsRowMatchHighLightPreview])
       ? cx([style.logsRowMatchHighLight, style.logsRowMatchHighLightPreview])
       : cx([style.logsRowMatchHighLight]);
       : cx([style.logsRowMatchHighLight]);
     const styles = getStyles(theme);
     const styles = getStyles(theme);
-    const whiteSpacePreWrap = {
-      label: 'white-space-pre-wrap',
-      whiteSpace: 'pre-wrap',
-    };
 
 
     return (
     return (
       <td className={style.logsRowMessage}>
       <td className={style.logsRowMessage}>
@@ -116,7 +112,6 @@ class UnThemedLogRowMessage extends PureComponent<Props> {
           <span className={cx(styles.positionRelative, { [styles.rowWithContext]: contextIsOpen })}>
           <span className={cx(styles.positionRelative, { [styles.rowWithContext]: contextIsOpen })}>
             {needsHighlighter ? (
             {needsHighlighter ? (
               <Highlighter
               <Highlighter
-                style={whiteSpacePreWrap}
                 textToHighlight={entry}
                 textToHighlight={entry}
                 searchWords={highlights}
                 searchWords={highlights}
                 findChunks={findHighlightChunksInText}
                 findChunks={findHighlightChunksInText}