diff --git a/public/app/features/logs/components/LogRowMessage.tsx b/public/app/features/logs/components/LogRowMessage.tsx index 8a2efcc694c..ee34273bdfd 100644 --- a/public/app/features/logs/components/LogRowMessage.tsx +++ b/public/app/features/logs/components/LogRowMessage.tsx @@ -47,7 +47,7 @@ const getStyles = (theme: GrafanaTheme2, showContextButton: boolean, isInDashboa display: inherit; `, horizontalScroll: css` - label: verticalScroll; + label: horizontalScroll; white-space: pre; `, contextNewline: css` diff --git a/public/app/features/logs/components/getLogRowStyles.ts b/public/app/features/logs/components/getLogRowStyles.ts index 14f8b6017d4..8b53e186afc 100644 --- a/public/app/features/logs/components/getLogRowStyles.ts +++ b/public/app/features/logs/components/getLogRowStyles.ts @@ -124,6 +124,7 @@ export const getLogRowStyles = (theme: GrafanaTheme2, logLevel?: LogLevel) => { white-space: pre-wrap; word-break: break-all; width: 100%; + text-align: left; `, //Log details specific CSS logDetailsContainer: css`