From 97fea8358219d7f4c3b579a92de4a13e1b8b3447 Mon Sep 17 00:00:00 2001
From: Sushan Yadav <sushanyadav98@gmail.com>
Date: Wed, 28 Feb 2024 11:56:22 +0545
Subject: [PATCH] feat: add sepeator calc in comment

---
 .../frontend/src/components/projects/project/ActivityCard.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/src/components/projects/project/ActivityCard.tsx b/packages/frontend/src/components/projects/project/ActivityCard.tsx
index 439151b..0f840cb 100644
--- a/packages/frontend/src/components/projects/project/ActivityCard.tsx
+++ b/packages/frontend/src/components/projects/project/ActivityCard.tsx
@@ -63,10 +63,12 @@ const ActivityCard = ({ activity }: ActivityCardProps) => {
           aria-label="Go to commit"
           variant="unstyled"
           tabIndex={-1}
-          className="p-0 text-elements-low-em shadow-[0px_0px_4px_0px_#FFFFFF40_inset] group-focus-within:opacity-100 group-hover:opacity-100 opacity-0 transition-all"
+          className="p-0 text-elements-low-em group-focus-within:opacity-100 group-hover:opacity-100 opacity-0 transition-all"
           leftIcon={<ArrowRightCircleFilledIcon className="w-5 h-5" />}
         />
       </Link>
+      {/* Separator calc => 100% - 36px (avatar) - 12px (padding-left) - 8px (gap)
+       */}
       <div className="pt-2 mb-2 ml-auto h-1 w-[calc(100%-36px-12px-8px)] border-b border-border-separator last:border-b-transparent"></div>
     </>
   );