soft border-radius for search typeahead suggestions

1 files changed, 8 insertions, 2 deletions

diff --git a/client/src/app/header/search-typeahead.component.scss b/client/src/app/header/search-typeahead.component.scss
index 4b56fd93a..c21323f56 100644
--- a/client/src/app/header/search-typeahead.component.scss
+++ b/client/src/app/header/search-typeahead.component.scss
@@ -38,11 +38,17 @@
 #typeahead-instructions,
 li.suggestion {
   border: 1px solid pvar(--mainBackgroundColor);
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
   background: pvar(--mainBackgroundColor);
   transition: .3s ease;
   transition-property: box-shadow;
+
+  // soft border-radius for the last suggestion and the link inside
+  &:last-of-type {
+    &, & ::ng-deep a {
+      border-bottom-right-radius: 3px;
+      border-bottom-left-radius: 3px;
+    }
+  }
 }
 
 #typeahead-help,