From f72eb374d62d90f01d445854d3a39deae40bac41 Mon Sep 17 00:00:00 2001
From: Adam Setch <adam.setch@outlook.com>
Date: Thu, 20 Jun 2024 22:00:17 -0400
Subject: [PATCH 1/3] refactor: further margin and size tweaks

---
 src/components/AccountNotifications.tsx       |   6 +-
 src/components/NotificationRow.tsx            |   4 +-
 .../AccountNotifications.test.tsx.snap        | 376 ++++++++++--------
 .../NotificationRow.test.tsx.snap             |  56 +--
 4 files changed, 240 insertions(+), 202 deletions(-)

diff --git a/src/components/AccountNotifications.tsx b/src/components/AccountNotifications.tsx
index 8eda15d1d..518e94d86 100644
--- a/src/components/AccountNotifications.tsx
+++ b/src/components/AccountNotifications.tsx
@@ -74,8 +74,10 @@ export const AccountNotifications: FC<IAccountNotifications> = (
           )}
           onClick={toggleAccountNotifications}
         >
-          <div className="flex gap-3">
-            <PlatformIcon type={account.platform} size={Size.MEDIUM} />
+          <div className="flex">
+            <div className="mr-3 flex items-center justify-center">
+              <PlatformIcon type={account.platform} size={Size.MEDIUM} />
+            </div>
             <button
               type="button"
               title="Open Profile"
diff --git a/src/components/NotificationRow.tsx b/src/components/NotificationRow.tsx
index e3c715b21..e7c33a06e 100644
--- a/src/components/NotificationRow.tsx
+++ b/src/components/NotificationRow.tsx
@@ -124,7 +124,7 @@ export const NotificationRow: FC<INotificationRow> = ({
       )}
     >
       <div
-        className={cn('mr-3 flex w-5 items-center justify-center', iconColor)}
+        className={cn('mr-3 flex items-center justify-center', iconColor)}
         title={notificationTitle}
       >
         <NotificationIcon
@@ -149,7 +149,7 @@ export const NotificationRow: FC<INotificationRow> = ({
               <AvatarIcon
                 title={repoSlug}
                 url={repoAvatarUrl}
-                size={Size.SMALL}
+                size={Size.XSMALL}
                 defaultIcon={MarkGithubIcon}
               />
             </span>
diff --git a/src/components/__snapshots__/AccountNotifications.test.tsx.snap b/src/components/__snapshots__/AccountNotifications.test.tsx.snap
index 3c1a0f00b..4d69015de 100644
--- a/src/components/__snapshots__/AccountNotifications.test.tsx.snap
+++ b/src/components/__snapshots__/AccountNotifications.test.tsx.snap
@@ -9,27 +9,31 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
         class="group flex items-center justify-between px-3 py-1.5 text-sm font-semibold bg-gray-300 dark:bg-gray-darkest dark:text-white opacity-70"
       >
         <div
-          class="flex gap-3"
+          class="flex"
         >
-          <span
-            class="mr-1"
-            title="GitHub Cloud"
+          <div
+            class="mr-3 flex items-center justify-center"
           >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-mark-github"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
-              viewBox="0 0 16 16"
-              width="16"
+            <span
+              class="mr-1"
+              title="GitHub Cloud"
             >
-              <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>
+              <svg
+                aria-hidden="true"
+                class="octicon octicon-mark-github"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <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>
+          </div>
           <button
             title="Open Profile"
             type="button"
@@ -69,7 +73,7 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
         id="138661096"
       >
         <div
-          class="mr-3 flex w-5 items-center justify-center text-green-500"
+          class="mr-3 flex items-center justify-center text-green-500"
           title="Open Issue"
         >
           <svg
@@ -101,7 +105,7 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
             <span>
               <img
                 alt="gitify-app/notifications-test's avatar"
-                class="rounded-full object-cover size-5"
+                class="rounded-full object-cover size-4"
                 src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
               />
             </span>
@@ -266,7 +270,7 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
         id="148827438"
       >
         <div
-          class="mr-3 flex w-5 items-center justify-center text-gray-500 dark:text-gray-300"
+          class="mr-3 flex items-center justify-center text-gray-500 dark:text-gray-300"
           title=" Issue"
         >
           <svg
@@ -298,7 +302,7 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
             <span>
               <img
                 alt="gitify-app/notifications-test's avatar"
-                class="rounded-full object-cover size-5"
+                class="rounded-full object-cover size-4"
                 src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
               />
             </span>
@@ -425,27 +429,31 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
       class="group flex items-center justify-between px-3 py-1.5 text-sm font-semibold bg-gray-300 dark:bg-gray-darkest dark:text-white opacity-70"
     >
       <div
-        class="flex gap-3"
+        class="flex"
       >
-        <span
-          class="mr-1"
-          title="GitHub Cloud"
+        <div
+          class="mr-3 flex items-center justify-center"
         >
-          <svg
-            aria-hidden="true"
-            class="octicon octicon-mark-github"
-            fill="currentColor"
-            focusable="false"
-            height="16"
-            style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
-            viewBox="0 0 16 16"
-            width="16"
+          <span
+            class="mr-1"
+            title="GitHub Cloud"
           >
-            <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>
+            <svg
+              aria-hidden="true"
+              class="octicon octicon-mark-github"
+              fill="currentColor"
+              focusable="false"
+              height="16"
+              style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
+              viewBox="0 0 16 16"
+              width="16"
+            >
+              <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>
+        </div>
         <button
           title="Open Profile"
           type="button"
@@ -485,7 +493,7 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
       id="138661096"
     >
       <div
-        class="mr-3 flex w-5 items-center justify-center text-green-500"
+        class="mr-3 flex items-center justify-center text-green-500"
         title="Open Issue"
       >
         <svg
@@ -517,7 +525,7 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
           <span>
             <img
               alt="gitify-app/notifications-test's avatar"
-              class="rounded-full object-cover size-5"
+              class="rounded-full object-cover size-4"
               src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
             />
           </span>
@@ -682,7 +690,7 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
       id="148827438"
     >
       <div
-        class="mr-3 flex w-5 items-center justify-center text-gray-500 dark:text-gray-300"
+        class="mr-3 flex items-center justify-center text-gray-500 dark:text-gray-300"
         title=" Issue"
       >
         <svg
@@ -714,7 +722,7 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
           <span>
             <img
               alt="gitify-app/notifications-test's avatar"
-              class="rounded-full object-cover size-5"
+              class="rounded-full object-cover size-4"
               src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
             />
           </span>
@@ -898,27 +906,31 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
         class="group flex items-center justify-between px-3 py-1.5 text-sm font-semibold bg-gray-300 dark:bg-gray-darkest dark:text-white opacity-70"
       >
         <div
-          class="flex gap-3"
+          class="flex"
         >
-          <span
-            class="mr-1"
-            title="GitHub Cloud"
+          <div
+            class="mr-3 flex items-center justify-center"
           >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-mark-github"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
-              viewBox="0 0 16 16"
-              width="16"
+            <span
+              class="mr-1"
+              title="GitHub Cloud"
             >
-              <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>
+              <svg
+                aria-hidden="true"
+                class="octicon octicon-mark-github"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <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>
+          </div>
           <button
             title="Open Profile"
             type="button"
@@ -963,27 +975,31 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
       class="group flex items-center justify-between px-3 py-1.5 text-sm font-semibold bg-gray-300 dark:bg-gray-darkest dark:text-white opacity-70"
     >
       <div
-        class="flex gap-3"
+        class="flex"
       >
-        <span
-          class="mr-1"
-          title="GitHub Cloud"
+        <div
+          class="mr-3 flex items-center justify-center"
         >
-          <svg
-            aria-hidden="true"
-            class="octicon octicon-mark-github"
-            fill="currentColor"
-            focusable="false"
-            height="16"
-            style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
-            viewBox="0 0 16 16"
-            width="16"
+          <span
+            class="mr-1"
+            title="GitHub Cloud"
           >
-            <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>
+            <svg
+              aria-hidden="true"
+              class="octicon octicon-mark-github"
+              fill="currentColor"
+              focusable="false"
+              height="16"
+              style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
+              viewBox="0 0 16 16"
+              width="16"
+            >
+              <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>
+        </div>
         <button
           title="Open Profile"
           type="button"
@@ -1085,27 +1101,31 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
         class="group flex items-center justify-between px-3 py-1.5 text-sm font-semibold bg-gray-300 dark:bg-gray-darkest dark:text-white opacity-70"
       >
         <div
-          class="flex gap-3"
+          class="flex"
         >
-          <span
-            class="mr-1"
-            title="GitHub Cloud"
+          <div
+            class="mr-3 flex items-center justify-center"
           >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-mark-github"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
-              viewBox="0 0 16 16"
-              width="16"
+            <span
+              class="mr-1"
+              title="GitHub Cloud"
             >
-              <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>
+              <svg
+                aria-hidden="true"
+                class="octicon octicon-mark-github"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <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>
+          </div>
           <button
             title="Open Profile"
             type="button"
@@ -1147,27 +1167,31 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
       class="group flex items-center justify-between px-3 py-1.5 text-sm font-semibold bg-gray-300 dark:bg-gray-darkest dark:text-white opacity-70"
     >
       <div
-        class="flex gap-3"
+        class="flex"
       >
-        <span
-          class="mr-1"
-          title="GitHub Cloud"
+        <div
+          class="mr-3 flex items-center justify-center"
         >
-          <svg
-            aria-hidden="true"
-            class="octicon octicon-mark-github"
-            fill="currentColor"
-            focusable="false"
-            height="16"
-            style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
-            viewBox="0 0 16 16"
-            width="16"
+          <span
+            class="mr-1"
+            title="GitHub Cloud"
           >
-            <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>
+            <svg
+              aria-hidden="true"
+              class="octicon octicon-mark-github"
+              fill="currentColor"
+              focusable="false"
+              height="16"
+              style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
+              viewBox="0 0 16 16"
+              width="16"
+            >
+              <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>
+        </div>
         <button
           title="Open Profile"
           type="button"
@@ -1266,27 +1290,31 @@ exports[`components/AccountNotifications.tsx should toggle account notifications
         class="group flex items-center justify-between px-3 py-1.5 text-sm font-semibold bg-gray-300 dark:bg-gray-darkest dark:text-white opacity-70"
       >
         <div
-          class="flex gap-3"
+          class="flex"
         >
-          <span
-            class="mr-1"
-            title="GitHub Cloud"
+          <div
+            class="mr-3 flex items-center justify-center"
           >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-mark-github"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
-              viewBox="0 0 16 16"
-              width="16"
+            <span
+              class="mr-1"
+              title="GitHub Cloud"
             >
-              <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>
+              <svg
+                aria-hidden="true"
+                class="octicon octicon-mark-github"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <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>
+          </div>
           <button
             title="Open Profile"
             type="button"
@@ -1327,27 +1355,31 @@ exports[`components/AccountNotifications.tsx should toggle account notifications
         class="group flex items-center justify-between px-3 py-1.5 text-sm font-semibold bg-gray-300 dark:bg-gray-darkest dark:text-white opacity-70"
       >
         <div
-          class="flex gap-3"
+          class="flex"
         >
-          <span
-            class="mr-1"
-            title="GitHub Cloud"
+          <div
+            class="mr-3 flex items-center justify-center"
           >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-mark-github"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
-              viewBox="0 0 16 16"
-              width="16"
+            <span
+              class="mr-1"
+              title="GitHub Cloud"
             >
-              <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>
+              <svg
+                aria-hidden="true"
+                class="octicon octicon-mark-github"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <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>
+          </div>
           <button
             title="Open Profile"
             type="button"
@@ -1392,27 +1424,31 @@ exports[`components/AccountNotifications.tsx should toggle account notifications
       class="group flex items-center justify-between px-3 py-1.5 text-sm font-semibold bg-gray-300 dark:bg-gray-darkest dark:text-white opacity-70"
     >
       <div
-        class="flex gap-3"
+        class="flex"
       >
-        <span
-          class="mr-1"
-          title="GitHub Cloud"
+        <div
+          class="mr-3 flex items-center justify-center"
         >
-          <svg
-            aria-hidden="true"
-            class="octicon octicon-mark-github"
-            fill="currentColor"
-            focusable="false"
-            height="16"
-            style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
-            viewBox="0 0 16 16"
-            width="16"
+          <span
+            class="mr-1"
+            title="GitHub Cloud"
           >
-            <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>
+            <svg
+              aria-hidden="true"
+              class="octicon octicon-mark-github"
+              fill="currentColor"
+              focusable="false"
+              height="16"
+              style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
+              viewBox="0 0 16 16"
+              width="16"
+            >
+              <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>
+        </div>
         <button
           title="Open Profile"
           type="button"
diff --git a/src/components/__snapshots__/NotificationRow.test.tsx.snap b/src/components/__snapshots__/NotificationRow.test.tsx.snap
index bdef7919f..a9e0ab1bd 100644
--- a/src/components/__snapshots__/NotificationRow.test.tsx.snap
+++ b/src/components/__snapshots__/NotificationRow.test.tsx.snap
@@ -10,7 +10,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics comment pil
         id="138661096"
       >
         <div
-          class="mr-3 flex w-5 items-center justify-center text-green-500"
+          class="mr-3 flex items-center justify-center text-green-500"
           title="Open Issue"
         >
           <svg
@@ -244,7 +244,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics comment pil
       id="138661096"
     >
       <div
-        class="mr-3 flex w-5 items-center justify-center text-green-500"
+        class="mr-3 flex items-center justify-center text-green-500"
         title="Open Issue"
       >
         <svg
@@ -535,7 +535,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics comment pil
         id="138661096"
       >
         <div
-          class="mr-3 flex w-5 items-center justify-center text-green-500"
+          class="mr-3 flex items-center justify-center text-green-500"
           title="Open Issue"
         >
           <svg
@@ -769,7 +769,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics comment pil
       id="138661096"
     >
       <div
-        class="mr-3 flex w-5 items-center justify-center text-green-500"
+        class="mr-3 flex items-center justify-center text-green-500"
         title="Open Issue"
       >
         <svg
@@ -1060,7 +1060,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics comment pil
         id="138661096"
       >
         <div
-          class="mr-3 flex w-5 items-center justify-center text-green-500"
+          class="mr-3 flex items-center justify-center text-green-500"
           title="Open Issue"
         >
           <svg
@@ -1272,7 +1272,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics comment pil
       id="138661096"
     >
       <div
-        class="mr-3 flex w-5 items-center justify-center text-green-500"
+        class="mr-3 flex items-center justify-center text-green-500"
         title="Open Issue"
       >
         <svg
@@ -1541,7 +1541,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics label pills
         id="138661096"
       >
         <div
-          class="mr-3 flex w-5 items-center justify-center text-green-500"
+          class="mr-3 flex items-center justify-center text-green-500"
           title="Open Issue"
         >
           <svg
@@ -1799,7 +1799,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics label pills
       id="138661096"
     >
       <div
-        class="mr-3 flex w-5 items-center justify-center text-green-500"
+        class="mr-3 flex items-center justify-center text-green-500"
         title="Open Issue"
       >
         <svg
@@ -2114,7 +2114,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics linked issu
         id="138661096"
       >
         <div
-          class="mr-3 flex w-5 items-center justify-center text-green-500"
+          class="mr-3 flex items-center justify-center text-green-500"
           title="Open Issue"
         >
           <svg
@@ -2326,7 +2326,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics linked issu
       id="138661096"
     >
       <div
-        class="mr-3 flex w-5 items-center justify-center text-green-500"
+        class="mr-3 flex items-center justify-center text-green-500"
         title="Open Issue"
       >
         <svg
@@ -2595,7 +2595,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics linked issu
         id="138661096"
       >
         <div
-          class="mr-3 flex w-5 items-center justify-center text-green-500"
+          class="mr-3 flex items-center justify-center text-green-500"
           title="Open Issue"
         >
           <svg
@@ -2807,7 +2807,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics linked issu
       id="138661096"
     >
       <div
-        class="mr-3 flex w-5 items-center justify-center text-green-500"
+        class="mr-3 flex items-center justify-center text-green-500"
         title="Open Issue"
       >
         <svg
@@ -3076,7 +3076,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics milestone p
         id="138661096"
       >
         <div
-          class="mr-3 flex w-5 items-center justify-center text-green-500"
+          class="mr-3 flex items-center justify-center text-green-500"
           title="Open Issue"
         >
           <svg
@@ -3355,7 +3355,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics milestone p
       id="138661096"
     >
       <div
-        class="mr-3 flex w-5 items-center justify-center text-green-500"
+        class="mr-3 flex items-center justify-center text-green-500"
         title="Open Issue"
       >
         <svg
@@ -3691,7 +3691,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics milestone p
         id="138661096"
       >
         <div
-          class="mr-3 flex w-5 items-center justify-center text-green-500"
+          class="mr-3 flex items-center justify-center text-green-500"
           title="Open Issue"
         >
           <svg
@@ -3970,7 +3970,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics milestone p
       id="138661096"
     >
       <div
-        class="mr-3 flex w-5 items-center justify-center text-green-500"
+        class="mr-3 flex items-center justify-center text-green-500"
         title="Open Issue"
       >
         <svg
@@ -4306,7 +4306,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics showPills d
         id="138661096"
       >
         <div
-          class="mr-3 flex w-5 items-center justify-center text-green-500"
+          class="mr-3 flex items-center justify-center text-green-500"
           title="Open Issue"
         >
           <svg
@@ -4445,7 +4445,7 @@ exports[`components/NotificationRow.tsx notification pills / metrics showPills d
       id="138661096"
     >
       <div
-        class="mr-3 flex w-5 items-center justify-center text-green-500"
+        class="mr-3 flex items-center justify-center text-green-500"
         title="Open Issue"
       >
         <svg
@@ -4641,7 +4641,7 @@ exports[`components/NotificationRow.tsx should render itself & its children - gr
         id="138661096"
       >
         <div
-          class="mr-3 flex w-5 items-center justify-center text-green-500"
+          class="mr-3 flex items-center justify-center text-green-500"
           title="Open Issue"
         >
           <svg
@@ -4673,7 +4673,7 @@ exports[`components/NotificationRow.tsx should render itself & its children - gr
             <span>
               <img
                 alt="gitify-app/notifications-test's avatar"
-                class="rounded-full object-cover size-5"
+                class="rounded-full object-cover size-4"
                 src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
               />
             </span>
@@ -4841,7 +4841,7 @@ exports[`components/NotificationRow.tsx should render itself & its children - gr
       id="138661096"
     >
       <div
-        class="mr-3 flex w-5 items-center justify-center text-green-500"
+        class="mr-3 flex items-center justify-center text-green-500"
         title="Open Issue"
       >
         <svg
@@ -4873,7 +4873,7 @@ exports[`components/NotificationRow.tsx should render itself & its children - gr
           <span>
             <img
               alt="gitify-app/notifications-test's avatar"
-              class="rounded-full object-cover size-5"
+              class="rounded-full object-cover size-4"
               src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
             />
           </span>
@@ -5098,7 +5098,7 @@ exports[`components/NotificationRow.tsx should render itself & its children - gr
         id="138661096"
       >
         <div
-          class="mr-3 flex w-5 items-center justify-center text-green-500"
+          class="mr-3 flex items-center justify-center text-green-500"
           title="Open Issue"
         >
           <svg
@@ -5280,7 +5280,7 @@ exports[`components/NotificationRow.tsx should render itself & its children - gr
       id="138661096"
     >
       <div
-        class="mr-3 flex w-5 items-center justify-center text-green-500"
+        class="mr-3 flex items-center justify-center text-green-500"
         title="Open Issue"
       >
         <svg
@@ -5519,7 +5519,7 @@ exports[`components/NotificationRow.tsx should render itself & its children when
         id="138661096"
       >
         <div
-          class="mr-3 flex w-5 items-center justify-center text-green-500"
+          class="mr-3 flex items-center justify-center text-green-500"
           title="Open Issue"
         >
           <svg
@@ -5701,7 +5701,7 @@ exports[`components/NotificationRow.tsx should render itself & its children when
       id="138661096"
     >
       <div
-        class="mr-3 flex w-5 items-center justify-center text-green-500"
+        class="mr-3 flex items-center justify-center text-green-500"
         title="Open Issue"
       >
         <svg
@@ -5940,7 +5940,7 @@ exports[`components/NotificationRow.tsx should render itself & its children with
         id="138661096"
       >
         <div
-          class="mr-3 flex w-5 items-center justify-center text-green-500"
+          class="mr-3 flex items-center justify-center text-green-500"
           title="Open Issue"
         >
           <svg
@@ -6127,7 +6127,7 @@ exports[`components/NotificationRow.tsx should render itself & its children with
       id="138661096"
     >
       <div
-        class="mr-3 flex w-5 items-center justify-center text-green-500"
+        class="mr-3 flex items-center justify-center text-green-500"
         title="Open Issue"
       >
         <svg

From 1ac74ac67bc72c624983f2be11abc1172fb2624a Mon Sep 17 00:00:00 2001
From: Adam Setch <adam.setch@outlook.com>
Date: Thu, 20 Jun 2024 22:03:29 -0400
Subject: [PATCH 2/3] refactor: further margin and size tweaks

---
 .../__snapshots__/AccountNotifications.test.tsx.snap      | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/__snapshots__/AccountNotifications.test.tsx.snap b/src/components/__snapshots__/AccountNotifications.test.tsx.snap
index 4d69015de..4cd355240 100644
--- a/src/components/__snapshots__/AccountNotifications.test.tsx.snap
+++ b/src/components/__snapshots__/AccountNotifications.test.tsx.snap
@@ -1150,11 +1150,11 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
               height="14"
               role="img"
               style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
-              viewBox="0 0 16 16"
+              viewBox="0 0 12 12"
               width="14"
             >
               <path
-                d="M9.78 12.78a.75.75 0 0 1-1.06 0L4.47 8.53a.75.75 0 0 1 0-1.06l4.25-4.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L6.06 8l3.72 3.72a.75.75 0 0 1 0 1.06Z"
+                d="M3.587 6.025c0 .2.1.4.2.5l3.3 3.3c.3.3.8.3 1.1 0 .3-.3.3-.8 0-1.1l-2.7-2.7 2.7-2.7c.3-.3.3-.8 0-1.1-.3-.3-.8-.3-1.1 0l-3.2 3.2c-.2.2-.3.4-.3.6Z"
               />
             </svg>
           </button>
@@ -1216,11 +1216,11 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
             height="14"
             role="img"
             style="display: inline-block; user-select: none; vertical-align: text-bottom; overflow: visible;"
-            viewBox="0 0 16 16"
+            viewBox="0 0 12 12"
             width="14"
           >
             <path
-              d="M9.78 12.78a.75.75 0 0 1-1.06 0L4.47 8.53a.75.75 0 0 1 0-1.06l4.25-4.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L6.06 8l3.72 3.72a.75.75 0 0 1 0 1.06Z"
+              d="M3.587 6.025c0 .2.1.4.2.5l3.3 3.3c.3.3.8.3 1.1 0 .3-.3.3-.8 0-1.1l-2.7-2.7 2.7-2.7c.3-.3.3-.8 0-1.1-.3-.3-.8-.3-1.1 0l-3.2 3.2c-.2.2-.3.4-.3.6Z"
             />
           </svg>
         </button>

From fbd04fd714562fba91e349d211c4ad7dba0bc917 Mon Sep 17 00:00:00 2001
From: Adam Setch <adam.setch@outlook.com>
Date: Sat, 22 Jun 2024 10:36:16 -0400
Subject: [PATCH 3/3] Merge branch 'main' into refactor/styles-cleanup

---
 .../__snapshots__/AccountNotifications.test.tsx.snap      | 8 ++++----
 .../__snapshots__/NotificationRow.test.tsx.snap           | 4 ++--
 src/components/notification/NotificationHeader.tsx        | 2 +-
 .../__snapshots__/NotificationHeader.test.tsx.snap        | 4 ++--
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/__snapshots__/AccountNotifications.test.tsx.snap b/src/components/__snapshots__/AccountNotifications.test.tsx.snap
index 5d3f575d6..9250db70f 100644
--- a/src/components/__snapshots__/AccountNotifications.test.tsx.snap
+++ b/src/components/__snapshots__/AccountNotifications.test.tsx.snap
@@ -104,7 +104,7 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
             <span>
               <img
                 alt="gitify-app/notifications-test's avatar"
-                class="rounded-full object-cover size-5"
+                class="rounded-full object-cover size-4"
                 src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
               />
             </span>
@@ -300,7 +300,7 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
             <span>
               <img
                 alt="gitify-app/notifications-test's avatar"
-                class="rounded-full object-cover size-5"
+                class="rounded-full object-cover size-4"
                 src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
               />
             </span>
@@ -522,7 +522,7 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
           <span>
             <img
               alt="gitify-app/notifications-test's avatar"
-              class="rounded-full object-cover size-5"
+              class="rounded-full object-cover size-4"
               src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
             />
           </span>
@@ -718,7 +718,7 @@ exports[`components/AccountNotifications.tsx should render itself (github.com wi
           <span>
             <img
               alt="gitify-app/notifications-test's avatar"
-              class="rounded-full object-cover size-5"
+              class="rounded-full object-cover size-4"
               src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
             />
           </span>
diff --git a/src/components/__snapshots__/NotificationRow.test.tsx.snap b/src/components/__snapshots__/NotificationRow.test.tsx.snap
index e27690f60..bf6d61fad 100644
--- a/src/components/__snapshots__/NotificationRow.test.tsx.snap
+++ b/src/components/__snapshots__/NotificationRow.test.tsx.snap
@@ -4672,7 +4672,7 @@ exports[`components/NotificationRow.tsx should render itself & its children - gr
             <span>
               <img
                 alt="gitify-app/notifications-test's avatar"
-                class="rounded-full object-cover size-5"
+                class="rounded-full object-cover size-4"
                 src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
               />
             </span>
@@ -4871,7 +4871,7 @@ exports[`components/NotificationRow.tsx should render itself & its children - gr
           <span>
             <img
               alt="gitify-app/notifications-test's avatar"
-              class="rounded-full object-cover size-5"
+              class="rounded-full object-cover size-4"
               src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
             />
           </span>
diff --git a/src/components/notification/NotificationHeader.tsx b/src/components/notification/NotificationHeader.tsx
index 248db2d0d..a4c9dd1ff 100644
--- a/src/components/notification/NotificationHeader.tsx
+++ b/src/components/notification/NotificationHeader.tsx
@@ -33,7 +33,7 @@ export const NotificationHeader: FC<INotificationHeader> = ({
           <AvatarIcon
             title={repoSlug}
             url={repoAvatarUrl}
-            size={Size.SMALL}
+            size={Size.XSMALL}
             defaultIcon={MarkGithubIcon}
           />
         </span>
diff --git a/src/components/notification/__snapshots__/NotificationHeader.test.tsx.snap b/src/components/notification/__snapshots__/NotificationHeader.test.tsx.snap
index 4a959d297..be3a6711b 100644
--- a/src/components/notification/__snapshots__/NotificationHeader.test.tsx.snap
+++ b/src/components/notification/__snapshots__/NotificationHeader.test.tsx.snap
@@ -11,7 +11,7 @@ exports[`components/notification/NotificationHeader.tsx should render itself & i
         <span>
           <img
             alt="gitify-app/notifications-test's avatar"
-            class="rounded-full object-cover size-5"
+            class="rounded-full object-cover size-4"
             src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
           />
         </span>
@@ -31,7 +31,7 @@ exports[`components/notification/NotificationHeader.tsx should render itself & i
       <span>
         <img
           alt="gitify-app/notifications-test's avatar"
-          class="rounded-full object-cover size-5"
+          class="rounded-full object-cover size-4"
           src="https://avatars.githubusercontent.com/u/133795385?s=200&v=4"
         />
       </span>