diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8aaee0cae..8a3a4ce69 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,6 +12,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
 ### Changed
 
+- Fade out expandable areas (e.g. comments, file description) when collapsed  _community pr!_ ([#4818](https://github.com/lbryio/lbry-desktop/pull/4818))
+
 ### Fixed
 
 ## [0.48.0] - [2020-09-23]
diff --git a/ui/component/fileDescription/view.jsx b/ui/component/fileDescription/view.jsx
index bcf8f4de9..3f67b56b7 100644
--- a/ui/component/fileDescription/view.jsx
+++ b/ui/component/fileDescription/view.jsx
@@ -41,7 +41,11 @@ function FileDescription(props: Props) {
     <div>
       <div
         ref={descriptionRef}
-        className={classnames({ 'media__info-text--contracted': !expanded, 'media__info-text--expanded': expanded })}
+        className={classnames({
+          'media__info-text--contracted': !expanded,
+          'media__info-text--expanded': expanded,
+          'media__info-text--fade': hasOverflow && !expanded,
+        })}
       >
         <MarkdownPreview className="markdown-preview--description" content={description} />
         <ClaimTags uri={uri} type="large" />
diff --git a/ui/scss/component/_expandable.scss b/ui/scss/component/_expandable.scss
index b10d7ef75..bc1f890e1 100644
--- a/ui/scss/component/_expandable.scss
+++ b/ui/scss/component/_expandable.scss
@@ -7,6 +7,7 @@
   max-height: 10rem;
   overflow: hidden;
   position: relative;
+  -webkit-mask-image: -webkit-gradient(linear, left 30%, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
 }
 
 .expandable--open {
diff --git a/ui/scss/component/_media.scss b/ui/scss/component/_media.scss
index f2e3cc076..28661634d 100644
--- a/ui/scss/component/_media.scss
+++ b/ui/scss/component/_media.scss
@@ -115,6 +115,10 @@
   max-width: 50rem;
 }
 
+.media__info-text--fade {
+  -webkit-mask-image: -webkit-gradient(linear, left 30%, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
+}
+
 .media__info-expand {
   margin-top: var(--spacing-s);
 }