diff --git a/src/components/common/profile/ChatExtra.module.scss b/src/components/common/profile/ChatExtra.module.scss
index 38a3ce293..ba25ae906 100644
--- a/src/components/common/profile/ChatExtra.module.scss
+++ b/src/components/common/profile/ChatExtra.module.scss
@@ -86,15 +86,35 @@
 }
 
 .noteText {
+  position: relative;
+
   overflow: hidden;
   display: inline-block;
+
   width: 100%;
   /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */
   transition: max-height 0.3s ease;
+
+  &::after {
+    pointer-events: none;
+    content: '';
+
+    position: absolute;
+    bottom: 0;
+    left: 0;
+
+    width: 100%;
+    height: 1.5rem;
+
+    opacity: 0;
+    background: linear-gradient(to top, var(--color-background) 0%, transparent 100%);
+
+    transition: opacity 0.3s ease;
+  }
 }
 
-.noteTextCollapsed {
-  @include mixins.gradient-border-bottom(1rem);
+.noteTextCollapsed::after {
+  opacity: 1;
 }
 
 .noteCollapseIcon {