LogLine: improve log line pre-resize state

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': {