From 7bde3d0ec135b390c73d5798735576e394179531 Mon Sep 17 00:00:00 2001
From: Eva Marco <evamarcod@gmail.com>
Date: Thu, 19 Jun 2025 08:51:29 +0200
Subject: [PATCH] :bug: Fix comment icon fill

---
 CHANGES.md                             | 2 +-
 frontend/src/app/main/ui/comments.scss | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/CHANGES.md b/CHANGES.md
index 4e21551b84..ebad087b7c 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -52,7 +52,7 @@ on-premises instances** that want to keep up to date.
 - Fix issue with importing files where flex/grid is used [Taiga #11334](https://tree.taiga.io/project/penpot/issue/11334)
 - Fix wrong color in the export progress bar [Taiga #11299](https://tree.taiga.io/project/penpot/issue/11299)
 - Fix right sidebar width overflow on long layer names [Taiga #11212](https://tree.taiga.io/project/penpot/issue/11212)
-
+- Fix comment icon fill [Taiga #11388](https://tree.taiga.io/project/penpot/issue/11388)
 ## 2.7.2
 
 ### :bug: Bugs fixed
diff --git a/frontend/src/app/main/ui/comments.scss b/frontend/src/app/main/ui/comments.scss
index 8ca32f61b7..62cd9977ff 100644
--- a/frontend/src/app/main/ui/comments.scss
+++ b/frontend/src/app/main/ui/comments.scss
@@ -301,11 +301,10 @@
 }
 
 .open-mentions-button {
-  stroke: none;
-  fill: var(--color-foreground-secondary);
+  color: var(--color-foreground-secondary);
 
   &.is-toggled {
-    fill: var(--color-accent-primary);
+    color: var(--color-accent-primary);
   }
 }