From b655edcda7be2caad3ce610bc296b8122a44ea8a Mon Sep 17 00:00:00 2001
From: Ritik Kapoor <ritik.kapoor@harness.io>
Date: Tue, 6 Feb 2024 19:13:51 +0000
Subject: [PATCH] Fix:  spacing in timestamp and commit range (#1028)

---
 .../Changes/CommitRangeDropdown/CommitRangeDropdown.tsx       | 4 ++--
 .../utils/timePopoverLocal/TimePopoverWithLocal.module.scss   | 2 +-
 web/src/utils/timePopoverLocal/TimePopoverWithLocal.tsx       | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/components/Changes/CommitRangeDropdown/CommitRangeDropdown.tsx b/web/src/components/Changes/CommitRangeDropdown/CommitRangeDropdown.tsx
index 462cad989..a691099c0 100644
--- a/web/src/components/Changes/CommitRangeDropdown/CommitRangeDropdown.tsx
+++ b/web/src/components/Changes/CommitRangeDropdown/CommitRangeDropdown.tsx
@@ -133,8 +133,8 @@ const CommitRangeDropdown: React.FC<CommitRangeDropdownProps> = ({
                     {`${allCommits.length - index} ${prCommit.title}`}
                   </Text>
                   <FlexExpander />
-                  <Text font={{ variation: FontVariation.SMALL_SEMI }} style={{ whiteSpace: 'nowrap' }}>
-                    <ReactTimeago date={prCommit.committer?.when || ''} />
+                  <Text font={{ variation: FontVariation.SMALL_SEMI }}>
+                    <ReactTimeago style={{ whiteSpace: 'nowrap' }} date={prCommit.committer?.when || ''} />
                   </Text>
                 </Layout.Horizontal>
               )
diff --git a/web/src/utils/timePopoverLocal/TimePopoverWithLocal.module.scss b/web/src/utils/timePopoverLocal/TimePopoverWithLocal.module.scss
index 73724893d..37111fcc7 100644
--- a/web/src/utils/timePopoverLocal/TimePopoverWithLocal.module.scss
+++ b/web/src/utils/timePopoverLocal/TimePopoverWithLocal.module.scss
@@ -1,7 +1,7 @@
 .timeWrapper {
   display: flex;
   align-items: center;
-  gap: var(--spacing-small);
+  gap: var(--spacing-2);
 
   .timezone {
     width: 15%;
diff --git a/web/src/utils/timePopoverLocal/TimePopoverWithLocal.tsx b/web/src/utils/timePopoverLocal/TimePopoverWithLocal.tsx
index 49cbc1b97..713847e1a 100644
--- a/web/src/utils/timePopoverLocal/TimePopoverWithLocal.tsx
+++ b/web/src/utils/timePopoverLocal/TimePopoverWithLocal.tsx
@@ -41,7 +41,7 @@ export function DateTimeWithLocalContentInline({ time }: { time: number }): JSX.
         <Text color={Color.GREY_600} className={css.time}>
           {moment(time).format(DATE_PARSE_FORMAT)}
         </Text>
-        <Text color={Color.GREY_600}>{getString('at')}</Text>
+        <Text color={Color.GREY_450}>{getString('at')}</Text>
         <Text color={Color.GREY_600} className={css.time}>
           {moment(time).format(TIME_PARSE_FORMAT)}
         </Text>