PLT-6651 - Overlay issue modal (#6473)

* PLT-6651 - Overlay issue modal

* Fixing mentions badge

4 files changed, 9 insertions, 3 deletions

diff --git a/webapp/sass/components/_mentions.scss b/webapp/sass/components/_mentions.scss
index 17a72e5a9..cfc12f1ce 100644
--- a/webapp/sass/components/_mentions.scss
+++ b/webapp/sass/components/_mentions.scss
@@ -9,7 +9,7 @@
     z-index: 10;
 }
 
-.mention-badge {
+.badge {
     background-color: #777;
     border-radius: 10px;
     color: #fff;
diff --git a/webapp/sass/components/_modal.scss b/webapp/sass/components/_modal.scss
index fc1584ea9..f5489aa2b 100644
--- a/webapp/sass/components/_modal.scss
+++ b/webapp/sass/components/_modal.scss
@@ -76,6 +76,12 @@
         color: alpha-color($black, .9);
         width: 100%;
 
+        .modal--overflow {
+            .modal-body {
+                overflow: visible;
+            }
+        }
+
         &.modal-image {
             .modal-backdrop {
                 &.in {
diff --git a/webapp/sass/layout/_sidebar-left.scss b/webapp/sass/layout/_sidebar-left.scss
index 25f1d2913..a7a99249b 100644
--- a/webapp/sass/layout/_sidebar-left.scss
+++ b/webapp/sass/layout/_sidebar-left.scss
@@ -53,7 +53,7 @@
         padding: 1em 1em 0;
     }
 
-    .mention-badge {
+    .badge {
         background-color: $primary-color;
         position: absolute;
         right: 10px;
diff --git a/webapp/sass/layout/_team-sidebar.scss b/webapp/sass/layout/_team-sidebar.scss
index 9d1cc72f5..cb003c828 100644
--- a/webapp/sass/layout/_team-sidebar.scss
+++ b/webapp/sass/layout/_team-sidebar.scss
@@ -54,7 +54,7 @@
                         width: 31px;
                     }
 
-                    .mention-badge {
+                    .badge {
                         font-size: 10px;
                         position: absolute;
                         right: -6px;