From 59c6edc7cb186eee0b77a65d6010f8ff7e527c31 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Mon, 12 Jun 2023 16:32:57 +0200
Subject: [PATCH] fix(ui): user events overlap on first event

---
 frontend/app/components/Session_/EventsBlock/Event.tsx        | 4 ++--
 frontend/app/components/Session_/EventsBlock/EventsBlock.tsx  | 4 +---
 frontend/app/components/Session_/EventsBlock/event.module.css | 1 -
 3 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/frontend/app/components/Session_/EventsBlock/Event.tsx b/frontend/app/components/Session_/EventsBlock/Event.tsx
index 5cfd6a8e9..cb218441c 100644
--- a/frontend/app/components/Session_/EventsBlock/Event.tsx
+++ b/frontend/app/components/Session_/EventsBlock/Event.tsx
@@ -149,7 +149,7 @@ const Event: React.FC<Props> = ({
             </div>
           </div>
           {isLocation && (
-            <div className='mt-1 px-4'>
+            <div className='pt-1 px-4'>
               <span className='text-sm font-normal color-gray-medium'>{body}</span>
             </div>
           )}
@@ -177,7 +177,7 @@ const Event: React.FC<Props> = ({
         [cls.frustration]: isFrustration,
         [cls.highlight]: presentInSearch,
         [cls.lastInGroup]: whiteBg,
-        ['pl-6 ml-4 py-2 border-l']: event.type !== TYPES.LOCATION
+        ['pl-4 pr-6 ml-4 py-2 border-l']: event.type !== TYPES.LOCATION
       })}
       onClick={onClick}
       onContextMenu={onContextMenu}
diff --git a/frontend/app/components/Session_/EventsBlock/EventsBlock.tsx b/frontend/app/components/Session_/EventsBlock/EventsBlock.tsx
index 02213b830..aacebb56d 100644
--- a/frontend/app/components/Session_/EventsBlock/EventsBlock.tsx
+++ b/frontend/app/components/Session_/EventsBlock/EventsBlock.tsx
@@ -138,12 +138,10 @@ function EventsBlock(props: IProps) {
     const isTabChange = event.type === 'TABCHANGE';
     const isCurrent = index === currentTimeEventIndex;
 
-    const heightBug =
-      index === 0 && event?.type === TYPES.LOCATION && 'referrer' in event ? { top: 2 } : {};
     return (
       <CellMeasurer key={key} cache={cache} parent={parent} rowIndex={index}>
         {({ measure, registerChild }) => (
-          <div style={{ ...style, ...heightBug }} ref={registerChild}>
+          <div style={{ ...style }} ref={registerChild}>
             <EventGroupWrapper
               query={query}
               presentInSearch={eventsIndex.includes(index)}
diff --git a/frontend/app/components/Session_/EventsBlock/event.module.css b/frontend/app/components/Session_/EventsBlock/event.module.css
index 5983cf6fb..5b5cec4a5 100644
--- a/frontend/app/components/Session_/EventsBlock/event.module.css
+++ b/frontend/app/components/Session_/EventsBlock/event.module.css
@@ -66,7 +66,6 @@
    &.highlighted {
     transition: all 0.2s;
     background-color: $active-blue;
-    box-shadow: 0 0 0 2px $active-blue;
   }
 
   &.red {