From a6b4ddded5226cbbb4db1e64823644571e23dfc6 Mon Sep 17 00:00:00 2001
From: Matias Chomicki <matyax@gmail.com>
Date: Tue, 1 Jul 2025 11:16:35 +0200
Subject: [PATCH] LogLine: improve log line pre-resize state

---
 public/app/features/logs/components/panel/LogLine.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/public/app/features/logs/components/panel/LogLine.tsx b/public/app/features/logs/components/panel/LogLine.tsx
index 81088f026a3..ab31439508f 100644
--- a/public/app/features/logs/components/panel/LogLine.tsx
+++ b/public/app/features/logs/components/panel/LogLine.tsx
@@ -50,7 +50,7 @@ export const LogLine = ({
   wrapLogMessage,
 }: Props) => {
   return (
-    <div style={style}>
+    <div style={style} className={logLineStyles.virtualizedWrapper}>
       <LogLineComponent
         displayedFields={displayedFields}
         height={style.height}
@@ -68,6 +68,12 @@ export const LogLine = ({
   );
 };
 
+const logLineStyles = {
+  virtualizedWrapper: css({
+    overflow: 'hidden',
+  }),
+};
+
 interface LogLineComponentProps extends Omit<Props, 'style'> {
   height?: number | string;
 }
@@ -380,7 +386,7 @@ export const getStyles = (theme: GrafanaTheme2, virtualization?: LogLineVirtuali
       lineHeight: theme.typography.body.lineHeight,
       wordBreak: 'break-all',
       '&:hover': {
-        background: theme.isDark ? `hsla(0, 0%, 0%, 0.3)` : `hsla(0, 0%, 0%, 0.1)`,
+        background: theme.isDark ? `hsla(0, 0%, 0%, 0.2)` : `hsla(0, 0%, 0%, 0.1)`,
       },
       '&.infinite-scroll': {
         '&::before': {