From 8541ddc598752943ebf7d2056f033bef50b3e329 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bel=C3=A9n=20Albeza?= <belen@hey.com>
Date: Tue, 2 Apr 2024 14:46:11 +0200
Subject: [PATCH] :bug: Fix comments padding

---
 frontend/src/app/main/ui/comments.cljs | 3 +--
 frontend/src/app/main/ui/comments.scss | 8 ++++++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/main/ui/comments.cljs b/frontend/src/app/main/ui/comments.cljs
index 3ff852fcf..200427a1d 100644
--- a/frontend/src/app/main/ui/comments.cljs
+++ b/frontend/src/app/main/ui/comments.cljs
@@ -422,8 +422,7 @@
              :id (str "thread-" thread-id)
              :style {:left (str pos-x "px")
                      :top (str pos-y "px")
-                     :max-height max-height
-                     :overflow-y "scroll"}
+                     :max-height max-height}
              :on-click dom/stop-propagation}
 
        [:div {:class (stl/css :comments)}
diff --git a/frontend/src/app/main/ui/comments.scss b/frontend/src/app/main/ui/comments.scss
index 35682c766..3c6e569ea 100644
--- a/frontend/src/app/main/ui/comments.scss
+++ b/frontend/src/app/main/ui/comments.scss
@@ -142,10 +142,14 @@
 // thread-content
 .thread-content {
   position: absolute;
-  pointer-events: auto;
-  user-select: text;
+  overflow-y: scroll;
+  scrollbar-gutter: stable;
   width: $s-284;
   padding: $s-12;
+  padding-inline-end: 0;
+
+  pointer-events: auto;
+  user-select: text;
   border-radius: $br-8;
   border: $s-2 solid var(--modal-border-color);
   background-color: var(--comment-modal-background-color);