diff --git a/src/components/App/SideBar/Trending/BriefDescriptionModal/index.tsx b/src/components/App/SideBar/Trending/BriefDescriptionModal/index.tsx
index eaf2e98c7..1d836e190 100644
--- a/src/components/App/SideBar/Trending/BriefDescriptionModal/index.tsx
+++ b/src/components/App/SideBar/Trending/BriefDescriptionModal/index.tsx
@@ -20,13 +20,20 @@ export const BriefDescription: FC<Props> = ({ text, onClose }) => {
 
   return (
     <BaseModal id="briefDescription" kind="regular" onClose={handleClose} preventOutsideClose>
-      <Flex py={16}>
-        <StyledText>{text}</StyledText>
-      </Flex>
+      <ScrollableContent>
+        <Flex py={16}>
+          <StyledText>{text}</StyledText>
+        </Flex>
+      </ScrollableContent>
     </BaseModal>
   )
 }
 
+const ScrollableContent = styled.div`
+  max-height: 300px;
+  overflow-y: auto;
+`
+
 const StyledText = styled(Text)`
   font-size: 18px;
   font-weight: 400;