From 2e1a313ccddf776e1158d826a3860482442a0fd0 Mon Sep 17 00:00:00 2001
From: Kristina <7614497+khjrtbrg@users.noreply.github.com>
Date: Thu, 6 Aug 2026 09:37:15 +0200
Subject: [PATCH] [web] resize mentions dropdown styles (#36172)

GitOrigin-RevId: e0f4ff0d51f168569ad54fa896ab25c399278ebb
---
 .../pages/editor/mentions-autocomplete.scss            | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/services/web/frontend/stylesheets/pages/editor/mentions-autocomplete.scss b/services/web/frontend/stylesheets/pages/editor/mentions-autocomplete.scss
index d191cfcef0..cc3c01f871 100644
--- a/services/web/frontend/stylesheets/pages/editor/mentions-autocomplete.scss
+++ b/services/web/frontend/stylesheets/pages/editor/mentions-autocomplete.scss
@@ -72,8 +72,8 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 32px;
-    height: 32px;
+    width: 26px;
+    height: 26px;
     border-radius: var(--border-radius-full);
     color: var(--white);
     font-size: var(--font-size-02);
@@ -84,9 +84,10 @@
 
   /* stylelint-disable selector-class-pattern -- CodeMirror completion classes */
   .cm-completionLabel {
+    @include body-sm;
+
     grid-column: 2;
     grid-row: 1;
-    font-size: var(--font-size-03);
     color: var(--content-primary);
   }
 
@@ -97,11 +98,12 @@
   }
 
   .cm-completionDetail {
+    @include body-xs;
+
     grid-column: 2;
     grid-row: 2;
     margin: 0;
     font-family: var(--font-sans);
-    font-size: var(--font-size-02);
     font-style: normal;
     color: var(--content-secondary);
   }