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] {