1 files changed, 45 insertions, 25 deletions

diff --git a/web/sass-files/sass/partials/_popover.scss b/web/sass-files/sass/partials/_popover.scss
index 4a2ad2748..430813e63 100644
--- a/web/sass-files/sass/partials/_popover.scss
+++ b/web/sass-files/sass/partials/_popover.scss
@@ -28,6 +28,39 @@
     @include single-transition(opacity, 0.3s, ease-in);
     font-size: em(13px);
 
+    &.autocomplete {
+        display: block;
+        .popover-content {
+            padding: 10px;
+            position: relative;
+        }
+    }
+
+    .search-autocomplete__item {
+        cursor: pointer;
+        padding: 6px 8px;
+        margin: 3px 0;
+        @include border-radius(2px);
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+
+        &:hover {
+            background: rgba(black, 0.1);
+        }
+
+        &.selected {
+            background: rgba(black, 0.2);
+        }
+
+        .profile-img {
+            margin-top: -1px;
+            height: 16px;
+            margin-right: 6px;
+            width: 16px;
+        }
+    }
+
     &.bottom > .arrow {
         top: -18px;
         border-width: 9px;
@@ -64,33 +97,20 @@
 
 #member-list-popover {
     max-width: initial;
-    .popover-content > div {
+    .popover-content {
+        position: relative;
+        padding: 0;
+        width: 260px;
         max-height: 350px;
-        overflow-y: auto;
-        overflow-x: hidden;
-        > div {
-            border-bottom: 1px solid rgba(51,51,51,0.1);
-            padding: 8px 8px 8px 15px;
+        .text-nowrap {
+            padding: 6px 10px;
             width: 100%;
-            box-sizing: content-box;
-            @include clearfix;
-            .profile-img {
-                border-radius: 50px;
-                margin-right: 8px;
-            }
-            .more-name {
-                font-weight: 600;
-                font-size: 0.95em;
-                overflow: hidden;
-                text-overflow: ellipsis;
-            }
-            .more-description {
-                @include opacity(0.7);
-            }
-            .profile-action {
-                margin-left: 8px;
-                margin-right: 18px;
-            }
+            overflow: hidden;
+            line-height: 26px;
+            font-size: 13px;
+        }
+        .more-name {
+            margin-left: 6px;
         }
     }
 }