From d19074ff65a5b6245704e8a6fca7a947608c4394 Mon Sep 17 00:00:00 2001
From: sylenien <nikita@openreplay.com>
Date: Tue, 16 Aug 2022 17:10:51 +0200
Subject: [PATCH] fix(ui): fix styles for segment selection

---
 .../ui/SegmentSelection/segmentSelection.module.css | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/ui/SegmentSelection/segmentSelection.module.css b/frontend/app/components/ui/SegmentSelection/segmentSelection.module.css
index eb3363658..6d4db35b4 100644
--- a/frontend/app/components/ui/SegmentSelection/segmentSelection.module.css
+++ b/frontend/app/components/ui/SegmentSelection/segmentSelection.module.css
@@ -89,15 +89,24 @@
 }
 
 .outline {
-  border: none;
+  border: 1px solid transparent;
   border-radius: 3px;
   & .item {
     padding: 10px!important;
     font-size: 14px!important;
     border: solid thin $gray-light!important;
     
-    &:not(:last-child) {
+    &:hover {
+      background: $teal-light!important;
+    }
+
+    &:first-child {
       border-right: none!important;
+      border-radius: 3px 0 0 3px!important;
+    }
+    &:last-child {
+      border-left: none!important;
+      border-radius: 0 3px 3px 0!important;
     }
 
     &[data-active=true] {