From 86facadec1b716c649b5a95ddd54e6148d916146 Mon Sep 17 00:00:00 2001
From: chapoi <101828855+chapoi@users.noreply.github.com>
Date: Wed, 7 Jun 2023 13:42:51 +0900
Subject: [PATCH] FIX: apply chat header icon indicator style to urgent only
 (#21967)

* FIX: apply chat header icon indicator style to urgent only

* UX: smaller padding
---
 .../assets/stylesheets/common/base-common.scss | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/plugins/chat/assets/stylesheets/common/base-common.scss b/plugins/chat/assets/stylesheets/common/base-common.scss
index 65f4ef3d8f3..ef7bfa3cd45 100644
--- a/plugins/chat/assets/stylesheets/common/base-common.scss
+++ b/plugins/chat/assets/stylesheets/common/base-common.scss
@@ -114,19 +114,23 @@ html.ios-device.keyboard-visible body #main-outlet .full-page-chat {
 .header-dropdown-toggle.chat-header-icon {
   .icon {
     .chat-channel-unread-indicator {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: auto;
-      min-width: 14px;
-      padding: 3px;
       border-radius: 1em;
       border: 2px solid var(--header_background);
       position: absolute;
-      right: 0;
+      right: 2px;
       bottom: 2px;
       transition: border-color linear 0.15s;
 
+      &.urgent {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: auto;
+        min-width: 14px;
+        padding: 2px;
+        right: 0;
+      }
+
       &__number {
         font-size: 0.7rem;
         line-height: 15px;