diff --git a/src/components/NotificationRow.tsx b/src/components/NotificationRow.tsx
index a808b5696..ffcc6e0d1 100644
--- a/src/components/NotificationRow.tsx
+++ b/src/components/NotificationRow.tsx
@@ -134,7 +134,7 @@ export const NotificationRow: FC<INotificationRow> = ({
           title={notificationTitle}
         >
           {notification.subject.title}
-          <span className="text-xs"> {notificationNumber}</span>
+          <span className="text-xs opacity-60"> {notificationNumber}</span>
         </div>
 
         <div className="flex flex-wrap items-center gap-1 text-xs capitalize">
diff --git a/src/components/__snapshots__/NotificationRow.test.tsx.snap b/src/components/__snapshots__/NotificationRow.test.tsx.snap
index 71635152c..e397c2ec1 100644
--- a/src/components/__snapshots__/NotificationRow.test.tsx.snap
+++ b/src/components/__snapshots__/NotificationRow.test.tsx.snap
@@ -42,7 +42,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics comment pil
           >
             I am a robot and this is a test!
             <span
-              class="text-xs"
+              class="text-xs opacity-60"
             >
                
             </span>
@@ -281,7 +281,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics comment pil
         >
           I am a robot and this is a test!
           <span
-            class="text-xs"
+            class="text-xs opacity-60"
           >
              
           </span>
@@ -577,7 +577,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics comment pil
           >
             I am a robot and this is a test!
             <span
-              class="text-xs"
+              class="text-xs opacity-60"
             >
                
             </span>
@@ -816,7 +816,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics comment pil
         >
           I am a robot and this is a test!
           <span
-            class="text-xs"
+            class="text-xs opacity-60"
           >
              
           </span>
@@ -1112,7 +1112,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics comment pil
           >
             I am a robot and this is a test!
             <span
-              class="text-xs"
+              class="text-xs opacity-60"
             >
                
             </span>
@@ -1329,7 +1329,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics comment pil
         >
           I am a robot and this is a test!
           <span
-            class="text-xs"
+            class="text-xs opacity-60"
           >
              
           </span>
@@ -1603,7 +1603,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics label pills
           >
             I am a robot and this is a test!
             <span
-              class="text-xs"
+              class="text-xs opacity-60"
             >
                
             </span>
@@ -1866,7 +1866,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics label pills
         >
           I am a robot and this is a test!
           <span
-            class="text-xs"
+            class="text-xs opacity-60"
           >
              
           </span>
@@ -2186,7 +2186,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics linked issu
           >
             I am a robot and this is a test!
             <span
-              class="text-xs"
+              class="text-xs opacity-60"
             >
                
             </span>
@@ -2403,7 +2403,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics linked issu
         >
           I am a robot and this is a test!
           <span
-            class="text-xs"
+            class="text-xs opacity-60"
           >
              
           </span>
@@ -2677,7 +2677,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics linked issu
           >
             I am a robot and this is a test!
             <span
-              class="text-xs"
+              class="text-xs opacity-60"
             >
                
             </span>
@@ -2894,7 +2894,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics linked issu
         >
           I am a robot and this is a test!
           <span
-            class="text-xs"
+            class="text-xs opacity-60"
           >
              
           </span>
@@ -3168,7 +3168,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics milestone p
           >
             I am a robot and this is a test!
             <span
-              class="text-xs"
+              class="text-xs opacity-60"
             >
                
             </span>
@@ -3452,7 +3452,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics milestone p
         >
           I am a robot and this is a test!
           <span
-            class="text-xs"
+            class="text-xs opacity-60"
           >
              
           </span>
@@ -3793,7 +3793,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics milestone p
           >
             I am a robot and this is a test!
             <span
-              class="text-xs"
+              class="text-xs opacity-60"
             >
                
             </span>
@@ -4077,7 +4077,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics milestone p
         >
           I am a robot and this is a test!
           <span
-            class="text-xs"
+            class="text-xs opacity-60"
           >
              
           </span>
@@ -4418,7 +4418,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics showPills d
           >
             I am a robot and this is a test!
             <span
-              class="text-xs"
+              class="text-xs opacity-60"
             >
                
             </span>
@@ -4562,7 +4562,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics showPills d
         >
           I am a robot and this is a test!
           <span
-            class="text-xs"
+            class="text-xs opacity-60"
           >
              
           </span>
@@ -4763,7 +4763,7 @@ exports[`components/NotificationRow.tsx should render itself & its children 1`]
           >
             I am a robot and this is a test!
             <span
-              class="text-xs"
+              class="text-xs opacity-60"
             >
                
             </span>
@@ -4951,7 +4951,7 @@ exports[`components/NotificationRow.tsx should render itself & its children 1`]
         >
           I am a robot and this is a test!
           <span
-            class="text-xs"
+            class="text-xs opacity-60"
           >
              
           </span>
@@ -5196,7 +5196,7 @@ exports[`components/NotificationRow.tsx should render itself & its children when
           >
             I am a robot and this is a test!
             <span
-              class="text-xs"
+              class="text-xs opacity-60"
             >
                
             </span>
@@ -5384,7 +5384,7 @@ exports[`components/NotificationRow.tsx should render itself & its children when
         >
           I am a robot and this is a test!
           <span
-            class="text-xs"
+            class="text-xs opacity-60"
           >
              
           </span>
@@ -5629,7 +5629,7 @@ exports[`components/NotificationRow.tsx should render itself & its children with
           >
             I am a robot and this is a test!
             <span
-              class="text-xs"
+              class="text-xs opacity-60"
             >
                
             </span>
@@ -5821,7 +5821,7 @@ exports[`components/NotificationRow.tsx should render itself & its children with
         >
           I am a robot and this is a test!
           <span
-            class="text-xs"
+            class="text-xs opacity-60"
           >
              
           </span>