From be05864ec0f28a2cb06675fdcd2a8d84aeda0a96 Mon Sep 17 00:00:00 2001
From: MahtabBukhari <mahtabali50447@gmail.com>
Date: Sat, 21 Sep 2024 22:59:39 +0500
Subject: [PATCH] fix(#tag-trending-topic): hashtag should be in front of first
 line according to figma

---
 src/components/App/SideBar/Trending/index.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/App/SideBar/Trending/index.tsx b/src/components/App/SideBar/Trending/index.tsx
index 0b32bda89..8fcc51e24 100644
--- a/src/components/App/SideBar/Trending/index.tsx
+++ b/src/components/App/SideBar/Trending/index.tsx
@@ -232,8 +232,9 @@ export const Trending = () => {
 }
 
 const Paragraph = styled.div`
+  position: relative;
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   width: 300px;
 
   span.tldr {
@@ -244,6 +245,7 @@ const Paragraph = styled.div`
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     letter-spacing: 0.3pt;
+    padding-left: 20px;
   }
 `
 
@@ -335,6 +337,10 @@ const StyledTLDRButton = styled(Button)`
 `
 
 const IconWrapper = styled.span`
+  position: absolute;
+  top: 6px;
+  left: 0;
+  display: flex;
   justify-content: center;
   align-items: center;
   color: ${colors.GRAY6};