From 8db2ef6b9f9d55ceb958b36595c9753befe1afed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pablo=20V=C3=A9lez?= <pablovv2012@gmail.com>
Date: Sat, 31 Jan 2026 15:09:25 -0500
Subject: [PATCH] MM-67365 - adjust bor icons and priority labels in compact
 mode (#35121)

* MM-67365 - adjust bor icons and priority labels in compact mode

* fix linter issue
---
 .../post_view/burn_on_read_badge/burn_on_read_badge.scss     | 3 +++
 .../burn_on_read_timer_chip/burn_on_read_timer_chip.scss     | 3 +++
 webapp/channels/src/sass/components/_post.scss               | 5 +++++
 3 files changed, 11 insertions(+)

diff --git a/webapp/channels/src/components/post_view/burn_on_read_badge/burn_on_read_badge.scss b/webapp/channels/src/components/post_view/burn_on_read_badge/burn_on_read_badge.scss
index 56baa259219..4e4d0af6940 100644
--- a/webapp/channels/src/components/post_view/burn_on_read_badge/burn_on_read_badge.scss
+++ b/webapp/channels/src/components/post_view/burn_on_read_badge/burn_on_read_badge.scss
@@ -2,6 +2,8 @@
 // See LICENSE.txt for license information.
 
 .BurnOnReadBadge {
+    position: relative;
+    z-index: 25;
     display: inline-flex;
     align-items: center;
     padding: 0;
@@ -9,6 +11,7 @@
     margin-left: 8px;
     background: transparent;
     cursor: pointer;
+    pointer-events: auto;
     vertical-align: middle;
 
     &:disabled {
diff --git a/webapp/channels/src/components/post_view/burn_on_read_timer_chip/burn_on_read_timer_chip.scss b/webapp/channels/src/components/post_view/burn_on_read_timer_chip/burn_on_read_timer_chip.scss
index d9f74b21909..90100d5afb6 100644
--- a/webapp/channels/src/components/post_view/burn_on_read_timer_chip/burn_on_read_timer_chip.scss
+++ b/webapp/channels/src/components/post_view/burn_on_read_timer_chip/burn_on_read_timer_chip.scss
@@ -2,6 +2,8 @@
 // See LICENSE.txt for license information.
 
 .BurnOnReadTimerChip {
+    position: relative;
+    z-index: 25;
     display: inline-flex;
     height: 16px;
     align-items: center;
@@ -15,6 +17,7 @@
     font-size: 10px;
     font-weight: 600;
     line-height: 12px;
+    pointer-events: auto;
     transition: all 0.2s ease;
 
     &:hover {
diff --git a/webapp/channels/src/sass/components/_post.scss b/webapp/channels/src/sass/components/_post.scss
index e020a87bc18..a9b263c6f7e 100644
--- a/webapp/channels/src/sass/components/_post.scss
+++ b/webapp/channels/src/sass/components/_post.scss
@@ -851,12 +851,17 @@
         .post__header,
         .post-preview__header {
             display: flex;
+            overflow: visible;
             width: auto;
             max-height: 22px;
             padding: 0;
             margin-bottom: 0;
         }
 
+        .badges-wrapper {
+            margin-right: 5px;
+        }
+
         .post__body {
             padding: 2px 0 0 0;
             background: transparent !important;