From f231de55f4c9707575d63bc70e7b2c1b454c3875 Mon Sep 17 00:00:00 2001
From: Adam Setch <adam.setch@outlook.com>
Date: Mon, 14 Oct 2024 18:03:51 -0400
Subject: [PATCH] test: update test cases

Signed-off-by: Adam Setch <adam.setch@outlook.com>
---
 .../notifications/AccountNotifications.tsx    |   2 +-
 .../notifications/NotificationFooter.tsx      |  46 ++-
 .../notifications/NotificationRow.tsx         |   2 +-
 .../notifications/RepositoryNotifications.tsx |   4 +-
 .../AccountNotifications.test.tsx.snap        | 158 +++++-----
 .../NotificationFooter.test.tsx.snap          | 296 ++++++++----------
 .../NotificationRow.test.tsx.snap             | 180 +++++------
 .../RepositoryNotifications.test.tsx.snap     |  28 +-
 8 files changed, 317 insertions(+), 399 deletions(-)

diff --git a/src/renderer/components/notifications/AccountNotifications.tsx b/src/renderer/components/notifications/AccountNotifications.tsx
index ffd61a902..14db4c0ea 100644
--- a/src/renderer/components/notifications/AccountNotifications.tsx
+++ b/src/renderer/components/notifications/AccountNotifications.tsx
@@ -77,7 +77,7 @@ export const AccountNotifications: FC<IAccountNotifications> = (
       {showAccountHeader && (
         <div
           className={cn(
-            'group flex items-center justify-between pr-3 py-1.5 text-sm font-semibold dark:text-white',
+            'group flex items-center justify-between pl-3 pr-1 py-0.5 text-sm font-semibold dark:text-white',
             props.error
               ? 'bg-red-300 dark:bg-red-500'
               : 'bg-gray-300 dark:bg-gray-darkest',
diff --git a/src/renderer/components/notifications/NotificationFooter.tsx b/src/renderer/components/notifications/NotificationFooter.tsx
index 9dc5c2658..df6bdb106 100644
--- a/src/renderer/components/notifications/NotificationFooter.tsx
+++ b/src/renderer/components/notifications/NotificationFooter.tsx
@@ -27,30 +27,28 @@ export const NotificationFooter: FC<INotificationFooter> = ({
 
   return (
     <div className="flex flex-wrap items-center gap-1">
-      <div className="mb-1">
-        {notification.subject.user ? (
-          <Avatar
-            title={`View profile: ${notification.subject.user.login}`}
-            src={notification.subject.user.avatar_url}
-            size={Size.SMALL}
-            onClick={(event: MouseEvent<HTMLElement>) => {
-              // Don't trigger onClick of parent element.
-              event.stopPropagation();
-              openUserProfile(notification.subject.user);
-            }}
-            data-testid="view-profile"
-          />
-        ) : (
-          <div>
-            {notification.subject.type === 'RepositoryDependabotAlertsThread' ||
-            notification.subject.type === 'RepositoryVulnerabilityAlert' ? (
-              <MarkGithubIcon size={Size.SMALL} />
-            ) : (
-              <FeedPersonIcon size={Size.SMALL} className={IconColor.GRAY} />
-            )}
-          </div>
-        )}
-      </div>
+      {notification.subject.user ? (
+        <Avatar
+          title={`View profile: ${notification.subject.user.login}`}
+          src={notification.subject.user.avatar_url}
+          size={Size.SMALL}
+          onClick={(event: MouseEvent<HTMLElement>) => {
+            // Don't trigger onClick of parent element.
+            event.stopPropagation();
+            openUserProfile(notification.subject.user);
+          }}
+          data-testid="view-profile"
+        />
+      ) : (
+        <span>
+          {notification.subject.type === 'RepositoryDependabotAlertsThread' ||
+          notification.subject.type === 'RepositoryVulnerabilityAlert' ? (
+            <MarkGithubIcon size={Size.SMALL} />
+          ) : (
+            <FeedPersonIcon size={Size.SMALL} className={IconColor.GRAY} />
+          )}
+        </span>
+      )}
       <span
         className={cn('text-xs capitalize', Opacity.MEDIUM)}
         title={reason.description}
diff --git a/src/renderer/components/notifications/NotificationRow.tsx b/src/renderer/components/notifications/NotificationRow.tsx
index f13ede73a..8411d6244 100644
--- a/src/renderer/components/notifications/NotificationRow.tsx
+++ b/src/renderer/components/notifications/NotificationRow.tsx
@@ -90,7 +90,7 @@ export const NotificationRow: FC<INotificationRow> = ({
     <div
       id={notification.id}
       className={cn(
-        'group flex border-b border-gray-100 bg-white px-3 py-2 hover:bg-gray-100 dark:border-gray-darker dark:bg-gray-dark dark:text-white dark:hover:bg-gray-darker',
+        'group flex border-b border-gray-100 bg-white pl-3 pr-1 py-1.5 hover:bg-gray-100 dark:border-gray-darker dark:bg-gray-dark dark:text-white dark:hover:bg-gray-darker',
         (isAnimated || animateExit) &&
           'translate-x-full opacity-0 transition duration-[350ms] ease-in-out',
         (isRead || showAsRead) && Opacity.READ,
diff --git a/src/renderer/components/notifications/RepositoryNotifications.tsx b/src/renderer/components/notifications/RepositoryNotifications.tsx
index 16238311e..12a1cc25a 100644
--- a/src/renderer/components/notifications/RepositoryNotifications.tsx
+++ b/src/renderer/components/notifications/RepositoryNotifications.tsx
@@ -53,7 +53,7 @@ export const RepositoryNotifications: FC<IRepositoryNotifications> = ({
   return (
     <>
       <div
-        className="group flex justify-between bg-gray-100 pr-3 py-1.5 dark:bg-gray-darker dark:text-white"
+        className="group flex justify-between bg-gray-100 pl-3 pr-1 py-0.5 dark:bg-gray-darker dark:text-white"
         onClick={toggleRepositoryNotifications}
       >
         <div
@@ -61,7 +61,7 @@ export const RepositoryNotifications: FC<IRepositoryNotifications> = ({
             'flex flex-1 gap-3 items-center truncate text-sm font-medium',
             animateExit &&
               'translate-x-full opacity-0 transition duration-[350ms] ease-in-out',
-            showAsRead ? Opacity.READ : Opacity.MEDIUM,
+            showAsRead && Opacity.READ,
           )}
         >
           <Tooltip text="Open repository" direction="e">
diff --git a/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap
index 319b4518f..4f0638acf 100644
--- a/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap
+++ b/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
   "baseElement": <body>
     <div>
       <div
-        class="group flex items-center justify-between pr-3 py-1.5 text-sm font-semibold dark:text-white bg-red-300 dark:bg-red-500"
+        class="group flex items-center justify-between pl-3 pr-1 py-0.5 text-sm font-semibold dark:text-white bg-red-300 dark:bg-red-500"
       >
         <span
           aria-label="Open profile"
@@ -247,7 +247,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
   </body>,
   "container": <div>
     <div
-      class="group flex items-center justify-between pr-3 py-1.5 text-sm font-semibold dark:text-white bg-red-300 dark:bg-red-500"
+      class="group flex items-center justify-between pl-3 pr-1 py-0.5 text-sm font-semibold dark:text-white bg-red-300 dark:bg-red-500"
     >
       <span
         aria-label="Open profile"
@@ -545,7 +545,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
   "baseElement": <body>
     <div>
       <div
-        class="group flex items-center justify-between pr-3 py-1.5 text-sm font-semibold dark:text-white bg-gray-300 dark:bg-gray-darkest"
+        class="group flex items-center justify-between pl-3 pr-1 py-0.5 text-sm font-semibold dark:text-white bg-gray-300 dark:bg-gray-darkest"
       >
         <span
           aria-label="Open profile"
@@ -748,7 +748,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
         </div>
       </div>
       <div
-        class="group flex border-b border-gray-100 bg-white px-3 py-2 hover:bg-gray-100 dark:border-gray-darker dark:bg-gray-dark dark:text-white dark:hover:bg-gray-darker"
+        class="group flex border-b border-gray-100 bg-white pl-3 pr-1 py-1.5 hover:bg-gray-100 dark:border-gray-darker dark:bg-gray-dark dark:text-white dark:hover:bg-gray-darker"
         id="138661096"
       >
         <div
@@ -835,22 +835,18 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           <div
             class="flex flex-wrap items-center gap-1"
           >
-            <div
-              class="mb-1"
-            >
-              <img
-                alt=""
-                class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
-                data-component="Avatar"
-                data-testid="view-profile"
-                height="14"
-                size="14"
-                src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
-                sx="[object Object]"
-                title="View profile: gitify-app"
-                width="14"
-              />
-            </div>
+            <img
+              alt=""
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
+              data-component="Avatar"
+              data-testid="view-profile"
+              height="14"
+              size="14"
+              src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
+              sx="[object Object]"
+              title="View profile: gitify-app"
+              width="14"
+            />
             <span
               class="text-xs capitalize opacity-80"
               title="You're watching the repository."
@@ -1063,7 +1059,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
         </div>
       </div>
       <div
-        class="group flex border-b border-gray-100 bg-white px-3 py-2 hover:bg-gray-100 dark:border-gray-darker dark:bg-gray-dark dark:text-white dark:hover:bg-gray-darker"
+        class="group flex border-b border-gray-100 bg-white pl-3 pr-1 py-1.5 hover:bg-gray-100 dark:border-gray-darker dark:bg-gray-dark dark:text-white dark:hover:bg-gray-darker"
         id="148827438"
       >
         <div
@@ -1150,26 +1146,22 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           <div
             class="flex flex-wrap items-center gap-1"
           >
-            <div
-              class="mb-1"
-            >
-              <div>
-                <svg
-                  aria-hidden="true"
-                  class="text-gray-500 dark:text-gray-300"
-                  fill="currentColor"
-                  focusable="false"
-                  height="14"
-                  style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
-                  viewBox="0 0 16 16"
-                  width="14"
-                >
-                  <path
-                    d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm.847-8.145a2.502 2.502 0 1 0-1.694 0C5.471 8.261 4 9.775 4 11c0 .395.145.995 1 .995h6c.855 0 1-.6 1-.995 0-1.224-1.47-2.74-3.153-3.145Z"
-                  />
-                </svg>
-              </div>
-            </div>
+            <span>
+              <svg
+                aria-hidden="true"
+                class="text-gray-500 dark:text-gray-300"
+                fill="currentColor"
+                focusable="false"
+                height="14"
+                style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
+                viewBox="0 0 16 16"
+                width="14"
+              >
+                <path
+                  d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm.847-8.145a2.502 2.502 0 1 0-1.694 0C5.471 8.261 4 9.775 4 11c0 .395.145.995 1 .995h6c.855 0 1-.6 1-.995 0-1.224-1.47-2.74-3.153-3.145Z"
+                />
+              </svg>
+            </span>
             <span
               class="text-xs capitalize opacity-80"
               title="You created the thread."
@@ -1314,7 +1306,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
   </body>,
   "container": <div>
     <div
-      class="group flex items-center justify-between pr-3 py-1.5 text-sm font-semibold dark:text-white bg-gray-300 dark:bg-gray-darkest"
+      class="group flex items-center justify-between pl-3 pr-1 py-0.5 text-sm font-semibold dark:text-white bg-gray-300 dark:bg-gray-darkest"
     >
       <span
         aria-label="Open profile"
@@ -1517,7 +1509,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
       </div>
     </div>
     <div
-      class="group flex border-b border-gray-100 bg-white px-3 py-2 hover:bg-gray-100 dark:border-gray-darker dark:bg-gray-dark dark:text-white dark:hover:bg-gray-darker"
+      class="group flex border-b border-gray-100 bg-white pl-3 pr-1 py-1.5 hover:bg-gray-100 dark:border-gray-darker dark:bg-gray-dark dark:text-white dark:hover:bg-gray-darker"
       id="138661096"
     >
       <div
@@ -1604,22 +1596,18 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
         <div
           class="flex flex-wrap items-center gap-1"
         >
-          <div
-            class="mb-1"
-          >
-            <img
-              alt=""
-              class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
-              data-component="Avatar"
-              data-testid="view-profile"
-              height="14"
-              size="14"
-              src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
-              sx="[object Object]"
-              title="View profile: gitify-app"
-              width="14"
-            />
-          </div>
+          <img
+            alt=""
+            class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
+            data-component="Avatar"
+            data-testid="view-profile"
+            height="14"
+            size="14"
+            src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
+            sx="[object Object]"
+            title="View profile: gitify-app"
+            width="14"
+          />
           <span
             class="text-xs capitalize opacity-80"
             title="You're watching the repository."
@@ -1832,7 +1820,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
       </div>
     </div>
     <div
-      class="group flex border-b border-gray-100 bg-white px-3 py-2 hover:bg-gray-100 dark:border-gray-darker dark:bg-gray-dark dark:text-white dark:hover:bg-gray-darker"
+      class="group flex border-b border-gray-100 bg-white pl-3 pr-1 py-1.5 hover:bg-gray-100 dark:border-gray-darker dark:bg-gray-dark dark:text-white dark:hover:bg-gray-darker"
       id="148827438"
     >
       <div
@@ -1919,26 +1907,22 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
         <div
           class="flex flex-wrap items-center gap-1"
         >
-          <div
-            class="mb-1"
-          >
-            <div>
-              <svg
-                aria-hidden="true"
-                class="text-gray-500 dark:text-gray-300"
-                fill="currentColor"
-                focusable="false"
-                height="14"
-                style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
-                viewBox="0 0 16 16"
-                width="14"
-              >
-                <path
-                  d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm.847-8.145a2.502 2.502 0 1 0-1.694 0C5.471 8.261 4 9.775 4 11c0 .395.145.995 1 .995h6c.855 0 1-.6 1-.995 0-1.224-1.47-2.74-3.153-3.145Z"
-                />
-              </svg>
-            </div>
-          </div>
+          <span>
+            <svg
+              aria-hidden="true"
+              class="text-gray-500 dark:text-gray-300"
+              fill="currentColor"
+              focusable="false"
+              height="14"
+              style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
+              viewBox="0 0 16 16"
+              width="14"
+            >
+              <path
+                d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm.847-8.145a2.502 2.502 0 1 0-1.694 0C5.471 8.261 4 9.775 4 11c0 .395.145.995 1 .995h6c.855 0 1-.6 1-.995 0-1.224-1.47-2.74-3.153-3.145Z"
+              />
+            </svg>
+          </span>
           <span
             class="text-xs capitalize opacity-80"
             title="You created the thread."
@@ -2140,7 +2124,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
   "baseElement": <body>
     <div>
       <div
-        class="group flex items-center justify-between pr-3 py-1.5 text-sm font-semibold dark:text-white bg-gray-300 dark:bg-gray-darkest"
+        class="group flex items-center justify-between pl-3 pr-1 py-0.5 text-sm font-semibold dark:text-white bg-gray-300 dark:bg-gray-darkest"
       >
         <span
           aria-label="Open profile"
@@ -2349,7 +2333,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
   </body>,
   "container": <div>
     <div
-      class="group flex items-center justify-between pr-3 py-1.5 text-sm font-semibold dark:text-white bg-gray-300 dark:bg-gray-darkest"
+      class="group flex items-center justify-between pl-3 pr-1 py-0.5 text-sm font-semibold dark:text-white bg-gray-300 dark:bg-gray-darkest"
     >
       <span
         aria-label="Open profile"
@@ -2615,7 +2599,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
   "baseElement": <body>
     <div>
       <div
-        class="group flex items-center justify-between pr-3 py-1.5 text-sm font-semibold dark:text-white bg-gray-300 dark:bg-gray-darkest"
+        class="group flex items-center justify-between pl-3 pr-1 py-0.5 text-sm font-semibold dark:text-white bg-gray-300 dark:bg-gray-darkest"
       >
         <span
           aria-label="Open profile"
@@ -2851,7 +2835,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
   </body>,
   "container": <div>
     <div
-      class="group flex items-center justify-between pr-3 py-1.5 text-sm font-semibold dark:text-white bg-gray-300 dark:bg-gray-darkest"
+      class="group flex items-center justify-between pl-3 pr-1 py-0.5 text-sm font-semibold dark:text-white bg-gray-300 dark:bg-gray-darkest"
     >
       <span
         aria-label="Open profile"
@@ -3144,7 +3128,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
   "baseElement": <body>
     <div>
       <div
-        class="group flex items-center justify-between pr-3 py-1.5 text-sm font-semibold dark:text-white bg-gray-300 dark:bg-gray-darkest"
+        class="group flex items-center justify-between pl-3 pr-1 py-0.5 text-sm font-semibold dark:text-white bg-gray-300 dark:bg-gray-darkest"
       >
         <span
           aria-label="Open profile"
@@ -3349,7 +3333,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
     </div>
     <div>
       <div
-        class="group flex items-center justify-between pr-3 py-1.5 text-sm font-semibold dark:text-white bg-gray-300 dark:bg-gray-darkest"
+        class="group flex items-center justify-between pl-3 pr-1 py-0.5 text-sm font-semibold dark:text-white bg-gray-300 dark:bg-gray-darkest"
       >
         <span
           aria-label="Open profile"
@@ -3558,7 +3542,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
   </body>,
   "container": <div>
     <div
-      class="group flex items-center justify-between pr-3 py-1.5 text-sm font-semibold dark:text-white bg-gray-300 dark:bg-gray-darkest"
+      class="group flex items-center justify-between pl-3 pr-1 py-0.5 text-sm font-semibold dark:text-white bg-gray-300 dark:bg-gray-darkest"
     >
       <span
         aria-label="Open profile"
diff --git a/src/renderer/components/notifications/__snapshots__/NotificationFooter.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/NotificationFooter.test.tsx.snap
index 9cbe3fa81..0c7072e92 100644
--- a/src/renderer/components/notifications/__snapshots__/NotificationFooter.test.tsx.snap
+++ b/src/renderer/components/notifications/__snapshots__/NotificationFooter.test.tsx.snap
@@ -8,22 +8,18 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
       <div
         class="flex flex-wrap items-center gap-1"
       >
-        <div
-          class="mb-1"
-        >
-          <img
-            alt=""
-            class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
-            data-component="Avatar"
-            data-testid="view-profile"
-            height="14"
-            size="14"
-            src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
-            sx="[object Object]"
-            title="View profile: gitify-app"
-            width="14"
-          />
-        </div>
+        <img
+          alt=""
+          class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
+          data-component="Avatar"
+          data-testid="view-profile"
+          height="14"
+          size="14"
+          src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
+          sx="[object Object]"
+          title="View profile: gitify-app"
+          width="14"
+        />
         <span
           class="text-xs capitalize opacity-80"
           title="You're watching the repository."
@@ -117,22 +113,18 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
     <div
       class="flex flex-wrap items-center gap-1"
     >
-      <div
-        class="mb-1"
-      >
-        <img
-          alt=""
-          class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
-          data-component="Avatar"
-          data-testid="view-profile"
-          height="14"
-          size="14"
-          src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
-          sx="[object Object]"
-          title="View profile: gitify-app"
-          width="14"
-        />
-      </div>
+      <img
+        alt=""
+        class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
+        data-component="Avatar"
+        data-testid="view-profile"
+        height="14"
+        size="14"
+        src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
+        sx="[object Object]"
+        title="View profile: gitify-app"
+        width="14"
+      />
       <span
         class="text-xs capitalize opacity-80"
         title="You're watching the repository."
@@ -283,22 +275,18 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
       <div
         class="flex flex-wrap items-center gap-1"
       >
-        <div
-          class="mb-1"
-        >
-          <img
-            alt=""
-            class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
-            data-component="Avatar"
-            data-testid="view-profile"
-            height="14"
-            size="14"
-            src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
-            sx="[object Object]"
-            title="View profile: gitify-app"
-            width="14"
-          />
-        </div>
+        <img
+          alt=""
+          class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
+          data-component="Avatar"
+          data-testid="view-profile"
+          height="14"
+          size="14"
+          src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
+          sx="[object Object]"
+          title="View profile: gitify-app"
+          width="14"
+        />
         <span
           class="text-xs capitalize opacity-80"
           title="You're watching the repository."
@@ -392,22 +380,18 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
     <div
       class="flex flex-wrap items-center gap-1"
     >
-      <div
-        class="mb-1"
-      >
-        <img
-          alt=""
-          class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
-          data-component="Avatar"
-          data-testid="view-profile"
-          height="14"
-          size="14"
-          src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
-          sx="[object Object]"
-          title="View profile: gitify-app"
-          width="14"
-        />
-      </div>
+      <img
+        alt=""
+        class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
+        data-component="Avatar"
+        data-testid="view-profile"
+        height="14"
+        size="14"
+        src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
+        sx="[object Object]"
+        title="View profile: gitify-app"
+        width="14"
+      />
       <span
         class="text-xs capitalize opacity-80"
         title="You're watching the repository."
@@ -558,26 +542,22 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should default
       <div
         class="flex flex-wrap items-center gap-1"
       >
-        <div
-          class="mb-1"
-        >
-          <div>
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-mark-github"
-              fill="currentColor"
-              focusable="false"
-              height="14"
-              style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
-              viewBox="0 0 16 16"
-              width="14"
-            >
-              <path
-                d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
-              />
-            </svg>
-          </div>
-        </div>
+        <span>
+          <svg
+            aria-hidden="true"
+            class="octicon octicon-mark-github"
+            fill="currentColor"
+            focusable="false"
+            height="14"
+            style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
+            viewBox="0 0 16 16"
+            width="14"
+          >
+            <path
+              d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
+            />
+          </svg>
+        </span>
         <span
           class="text-xs capitalize opacity-80"
           title="You're watching the repository."
@@ -671,26 +651,22 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should default
     <div
       class="flex flex-wrap items-center gap-1"
     >
-      <div
-        class="mb-1"
-      >
-        <div>
-          <svg
-            aria-hidden="true"
-            class="octicon octicon-mark-github"
-            fill="currentColor"
-            focusable="false"
-            height="14"
-            style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
-            viewBox="0 0 16 16"
-            width="14"
-          >
-            <path
-              d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
-            />
-          </svg>
-        </div>
-      </div>
+      <span>
+        <svg
+          aria-hidden="true"
+          class="octicon octicon-mark-github"
+          fill="currentColor"
+          focusable="false"
+          height="14"
+          style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
+          viewBox="0 0 16 16"
+          width="14"
+        >
+          <path
+            d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
+          />
+        </svg>
+      </span>
       <span
         class="text-xs capitalize opacity-80"
         title="You're watching the repository."
@@ -841,22 +817,18 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
       <div
         class="flex flex-wrap items-center gap-1"
       >
-        <div
-          class="mb-1"
-        >
-          <img
-            alt=""
-            class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
-            data-component="Avatar"
-            data-testid="view-profile"
-            height="14"
-            size="14"
-            src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
-            sx="[object Object]"
-            title="View profile: gitify-app"
-            width="14"
-          />
-        </div>
+        <img
+          alt=""
+          class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
+          data-component="Avatar"
+          data-testid="view-profile"
+          height="14"
+          size="14"
+          src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
+          sx="[object Object]"
+          title="View profile: gitify-app"
+          width="14"
+        />
         <span
           class="text-xs capitalize opacity-80"
           title="You're watching the repository."
@@ -950,22 +922,18 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
     <div
       class="flex flex-wrap items-center gap-1"
     >
-      <div
-        class="mb-1"
-      >
-        <img
-          alt=""
-          class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
-          data-component="Avatar"
-          data-testid="view-profile"
-          height="14"
-          size="14"
-          src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
-          sx="[object Object]"
-          title="View profile: gitify-app"
-          width="14"
-        />
-      </div>
+      <img
+        alt=""
+        class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
+        data-component="Avatar"
+        data-testid="view-profile"
+        height="14"
+        size="14"
+        src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
+        sx="[object Object]"
+        title="View profile: gitify-app"
+        width="14"
+      />
       <span
         class="text-xs capitalize opacity-80"
         title="You're watching the repository."
@@ -1116,22 +1084,18 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
       <div
         class="flex flex-wrap items-center gap-1"
       >
-        <div
-          class="mb-1"
-        >
-          <img
-            alt=""
-            class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
-            data-component="Avatar"
-            data-testid="view-profile"
-            height="14"
-            size="14"
-            src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
-            sx="[object Object]"
-            title="View profile: gitify-app"
-            width="14"
-          />
-        </div>
+        <img
+          alt=""
+          class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
+          data-component="Avatar"
+          data-testid="view-profile"
+          height="14"
+          size="14"
+          src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
+          sx="[object Object]"
+          title="View profile: gitify-app"
+          width="14"
+        />
         <span
           class="text-xs capitalize opacity-80"
           title="You're watching the repository."
@@ -1225,22 +1189,18 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
     <div
       class="flex flex-wrap items-center gap-1"
     >
-      <div
-        class="mb-1"
-      >
-        <img
-          alt=""
-          class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
-          data-component="Avatar"
-          data-testid="view-profile"
-          height="14"
-          size="14"
-          src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
-          sx="[object Object]"
-          title="View profile: gitify-app"
-          width="14"
-        />
-      </div>
+      <img
+        alt=""
+        class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
+        data-component="Avatar"
+        data-testid="view-profile"
+        height="14"
+        size="14"
+        src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
+        sx="[object Object]"
+        title="View profile: gitify-app"
+        width="14"
+      />
       <span
         class="text-xs capitalize opacity-80"
         title="You're watching the repository."
diff --git a/src/renderer/components/notifications/__snapshots__/NotificationRow.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/NotificationRow.test.tsx.snap
index 82a2d9f07..a2f5b10e7 100644
--- a/src/renderer/components/notifications/__snapshots__/NotificationRow.test.tsx.snap
+++ b/src/renderer/components/notifications/__snapshots__/NotificationRow.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
   "baseElement": <body>
     <div>
       <div
-        class="group flex border-b border-gray-100 bg-white px-3 py-2 hover:bg-gray-100 dark:border-gray-darker dark:bg-gray-dark dark:text-white dark:hover:bg-gray-darker"
+        class="group flex border-b border-gray-100 bg-white pl-3 pr-1 py-1.5 hover:bg-gray-100 dark:border-gray-darker dark:bg-gray-dark dark:text-white dark:hover:bg-gray-darker"
         id="138661096"
       >
         <div
@@ -93,22 +93,18 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
           <div
             class="flex flex-wrap items-center gap-1"
           >
-            <div
-              class="mb-1"
-            >
-              <img
-                alt=""
-                class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
-                data-component="Avatar"
-                data-testid="view-profile"
-                height="14"
-                size="14"
-                src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
-                sx="[object Object]"
-                title="View profile: gitify-app"
-                width="14"
-              />
-            </div>
+            <img
+              alt=""
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
+              data-component="Avatar"
+              data-testid="view-profile"
+              height="14"
+              size="14"
+              src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
+              sx="[object Object]"
+              title="View profile: gitify-app"
+              width="14"
+            />
             <span
               class="text-xs capitalize opacity-80"
               title="You're watching the repository."
@@ -324,7 +320,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
   </body>,
   "container": <div>
     <div
-      class="group flex border-b border-gray-100 bg-white px-3 py-2 hover:bg-gray-100 dark:border-gray-darker dark:bg-gray-dark dark:text-white dark:hover:bg-gray-darker"
+      class="group flex border-b border-gray-100 bg-white pl-3 pr-1 py-1.5 hover:bg-gray-100 dark:border-gray-darker dark:bg-gray-dark dark:text-white dark:hover:bg-gray-darker"
       id="138661096"
     >
       <div
@@ -411,22 +407,18 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
         <div
           class="flex flex-wrap items-center gap-1"
         >
-          <div
-            class="mb-1"
-          >
-            <img
-              alt=""
-              class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
-              data-component="Avatar"
-              data-testid="view-profile"
-              height="14"
-              size="14"
-              src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
-              sx="[object Object]"
-              title="View profile: gitify-app"
-              width="14"
-            />
-          </div>
+          <img
+            alt=""
+            class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
+            data-component="Avatar"
+            data-testid="view-profile"
+            height="14"
+            size="14"
+            src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
+            sx="[object Object]"
+            title="View profile: gitify-app"
+            width="14"
+          />
           <span
             class="text-xs capitalize opacity-80"
             title="You're watching the repository."
@@ -699,7 +691,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
   "baseElement": <body>
     <div>
       <div
-        class="group flex border-b border-gray-100 bg-white px-3 py-2 hover:bg-gray-100 dark:border-gray-darker dark:bg-gray-dark dark:text-white dark:hover:bg-gray-darker"
+        class="group flex border-b border-gray-100 bg-white pl-3 pr-1 py-1.5 hover:bg-gray-100 dark:border-gray-darker dark:bg-gray-dark dark:text-white dark:hover:bg-gray-darker"
         id="138661096"
       >
         <div
@@ -750,22 +742,18 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
           <div
             class="flex flex-wrap items-center gap-1"
           >
-            <div
-              class="mb-1"
-            >
-              <img
-                alt=""
-                class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
-                data-component="Avatar"
-                data-testid="view-profile"
-                height="14"
-                size="14"
-                src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
-                sx="[object Object]"
-                title="View profile: gitify-app"
-                width="14"
-              />
-            </div>
+            <img
+              alt=""
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
+              data-component="Avatar"
+              data-testid="view-profile"
+              height="14"
+              size="14"
+              src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
+              sx="[object Object]"
+              title="View profile: gitify-app"
+              width="14"
+            />
             <span
               class="text-xs capitalize opacity-80"
               title="You're watching the repository."
@@ -981,7 +969,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
   </body>,
   "container": <div>
     <div
-      class="group flex border-b border-gray-100 bg-white px-3 py-2 hover:bg-gray-100 dark:border-gray-darker dark:bg-gray-dark dark:text-white dark:hover:bg-gray-darker"
+      class="group flex border-b border-gray-100 bg-white pl-3 pr-1 py-1.5 hover:bg-gray-100 dark:border-gray-darker dark:bg-gray-dark dark:text-white dark:hover:bg-gray-darker"
       id="138661096"
     >
       <div
@@ -1032,22 +1020,18 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
         <div
           class="flex flex-wrap items-center gap-1"
         >
-          <div
-            class="mb-1"
-          >
-            <img
-              alt=""
-              class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
-              data-component="Avatar"
-              data-testid="view-profile"
-              height="14"
-              size="14"
-              src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
-              sx="[object Object]"
-              title="View profile: gitify-app"
-              width="14"
-            />
-          </div>
+          <img
+            alt=""
+            class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
+            data-component="Avatar"
+            data-testid="view-profile"
+            height="14"
+            size="14"
+            src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
+            sx="[object Object]"
+            title="View profile: gitify-app"
+            width="14"
+          />
           <span
             class="text-xs capitalize opacity-80"
             title="You're watching the repository."
@@ -1320,7 +1304,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
   "baseElement": <body>
     <div>
       <div
-        class="group flex border-b border-gray-100 bg-white px-3 py-2 hover:bg-gray-100 dark:border-gray-darker dark:bg-gray-dark dark:text-white dark:hover:bg-gray-darker"
+        class="group flex border-b border-gray-100 bg-white pl-3 pr-1 py-1.5 hover:bg-gray-100 dark:border-gray-darker dark:bg-gray-dark dark:text-white dark:hover:bg-gray-darker"
         id="138661096"
       >
         <div
@@ -1371,22 +1355,18 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
           <div
             class="flex flex-wrap items-center gap-1"
           >
-            <div
-              class="mb-1"
-            >
-              <img
-                alt=""
-                class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
-                data-component="Avatar"
-                data-testid="view-profile"
-                height="14"
-                size="14"
-                src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
-                sx="[object Object]"
-                title="View profile: gitify-app"
-                width="14"
-              />
-            </div>
+            <img
+              alt=""
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
+              data-component="Avatar"
+              data-testid="view-profile"
+              height="14"
+              size="14"
+              src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
+              sx="[object Object]"
+              title="View profile: gitify-app"
+              width="14"
+            />
             <span
               class="text-xs capitalize opacity-80"
               title="You're watching the repository."
@@ -1602,7 +1582,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
   </body>,
   "container": <div>
     <div
-      class="group flex border-b border-gray-100 bg-white px-3 py-2 hover:bg-gray-100 dark:border-gray-darker dark:bg-gray-dark dark:text-white dark:hover:bg-gray-darker"
+      class="group flex border-b border-gray-100 bg-white pl-3 pr-1 py-1.5 hover:bg-gray-100 dark:border-gray-darker dark:bg-gray-dark dark:text-white dark:hover:bg-gray-darker"
       id="138661096"
     >
       <div
@@ -1653,22 +1633,18 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
         <div
           class="flex flex-wrap items-center gap-1"
         >
-          <div
-            class="mb-1"
-          >
-            <img
-              alt=""
-              class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
-              data-component="Avatar"
-              data-testid="view-profile"
-              height="14"
-              size="14"
-              src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
-              sx="[object Object]"
-              title="View profile: gitify-app"
-              width="14"
-            />
-          </div>
+          <img
+            alt=""
+            class="Avatar__StyledAvatar-sc-2lv0r8-0 eDEFRX"
+            data-component="Avatar"
+            data-testid="view-profile"
+            height="14"
+            size="14"
+            src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
+            sx="[object Object]"
+            title="View profile: gitify-app"
+            width="14"
+          />
           <span
             class="text-xs capitalize opacity-80"
             title="You're watching the repository."
diff --git a/src/renderer/components/notifications/__snapshots__/RepositoryNotifications.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/RepositoryNotifications.test.tsx.snap
index 3ab8be99c..9554619aa 100644
--- a/src/renderer/components/notifications/__snapshots__/RepositoryNotifications.test.tsx.snap
+++ b/src/renderer/components/notifications/__snapshots__/RepositoryNotifications.test.tsx.snap
@@ -6,10 +6,10 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
   "baseElement": <body>
     <div>
       <div
-        class="group flex justify-between bg-gray-100 pr-3 py-1.5 dark:bg-gray-darker dark:text-white"
+        class="group flex justify-between bg-gray-100 pl-3 pr-1 py-0.5 dark:bg-gray-darker dark:text-white"
       >
         <div
-          class="flex flex-1 gap-3 items-center truncate text-sm font-medium opacity-80"
+          class="flex flex-1 gap-3 items-center truncate text-sm font-medium"
         >
           <span
             aria-label="Open repository"
@@ -214,10 +214,10 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
   </body>,
   "container": <div>
     <div
-      class="group flex justify-between bg-gray-100 pr-3 py-1.5 dark:bg-gray-darker dark:text-white"
+      class="group flex justify-between bg-gray-100 pl-3 pr-1 py-0.5 dark:bg-gray-darker dark:text-white"
     >
       <div
-        class="flex flex-1 gap-3 items-center truncate text-sm font-medium opacity-80"
+        class="flex flex-1 gap-3 items-center truncate text-sm font-medium"
       >
         <span
           aria-label="Open repository"
@@ -479,10 +479,10 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
   "baseElement": <body>
     <div>
       <div
-        class="group flex justify-between bg-gray-100 pr-3 py-1.5 dark:bg-gray-darker dark:text-white"
+        class="group flex justify-between bg-gray-100 pl-3 pr-1 py-0.5 dark:bg-gray-darker dark:text-white"
       >
         <div
-          class="flex flex-1 gap-3 items-center truncate text-sm font-medium opacity-80"
+          class="flex flex-1 gap-3 items-center truncate text-sm font-medium"
         >
           <span
             aria-label="Open repository"
@@ -680,10 +680,10 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
     </div>
     <div>
       <div
-        class="group flex justify-between bg-gray-100 pr-3 py-1.5 dark:bg-gray-darker dark:text-white"
+        class="group flex justify-between bg-gray-100 pl-3 pr-1 py-0.5 dark:bg-gray-darker dark:text-white"
       >
         <div
-          class="flex flex-1 gap-3 items-center truncate text-sm font-medium opacity-80"
+          class="flex flex-1 gap-3 items-center truncate text-sm font-medium"
         >
           <span
             aria-label="Open repository"
@@ -888,10 +888,10 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
   </body>,
   "container": <div>
     <div
-      class="group flex justify-between bg-gray-100 pr-3 py-1.5 dark:bg-gray-darker dark:text-white"
+      class="group flex justify-between bg-gray-100 pl-3 pr-1 py-0.5 dark:bg-gray-darker dark:text-white"
     >
       <div
-        class="flex flex-1 gap-3 items-center truncate text-sm font-medium opacity-80"
+        class="flex flex-1 gap-3 items-center truncate text-sm font-medium"
       >
         <span
           aria-label="Open repository"
@@ -1153,10 +1153,10 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
   "baseElement": <body>
     <div>
       <div
-        class="group flex justify-between bg-gray-100 pr-3 py-1.5 dark:bg-gray-darker dark:text-white"
+        class="group flex justify-between bg-gray-100 pl-3 pr-1 py-0.5 dark:bg-gray-darker dark:text-white"
       >
         <div
-          class="flex flex-1 gap-3 items-center truncate text-sm font-medium opacity-80"
+          class="flex flex-1 gap-3 items-center truncate text-sm font-medium"
         >
           <span
             aria-label="Open repository"
@@ -1361,10 +1361,10 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
   </body>,
   "container": <div>
     <div
-      class="group flex justify-between bg-gray-100 pr-3 py-1.5 dark:bg-gray-darker dark:text-white"
+      class="group flex justify-between bg-gray-100 pl-3 pr-1 py-0.5 dark:bg-gray-darker dark:text-white"
     >
       <div
-        class="flex flex-1 gap-3 items-center truncate text-sm font-medium opacity-80"
+        class="flex flex-1 gap-3 items-center truncate text-sm font-medium"
       >
         <span
           aria-label="Open repository"