From 812f56b764c400fe67ca103c395efc15c820545b Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Thu, 6 Feb 2025 13:11:38 +0000
Subject: [PATCH 1/2] chore(deps): update styled-components to v6.1.15

---
 package.json   |  2 +-
 pnpm-lock.yaml | 24 ++++++++++++------------
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/package.json b/package.json
index 1515d829d..4cf7ca93c 100644
--- a/package.json
+++ b/package.json
@@ -177,7 +177,7 @@
     "postcss-loader": "8.1.1",
     "rimraf": "6.0.1",
     "semver": "7.7.1",
-    "styled-components": "6.1.14",
+    "styled-components": "6.1.15",
     "tailwind-merge": "3.0.1",
     "tailwindcss": "4.0.3",
     "terser-webpack-plugin": "5.3.11",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index da18e59e6..bf30ac1b8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -50,7 +50,7 @@ importers:
         version: 10.3.4
       '@primer/react':
         specifier: 36.27.0
-        version: 36.27.0(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(styled-components@6.1.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0))
+        version: 36.27.0(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(styled-components@6.1.15(react-dom@19.0.0(react@19.0.0))(react@19.0.0))
       '@tailwindcss/postcss':
         specifier: 4.0.3
         version: 4.0.3
@@ -139,8 +139,8 @@ importers:
         specifier: 7.7.1
         version: 7.7.1
       styled-components:
-        specifier: 6.1.14
-        version: 6.1.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        specifier: 6.1.15
+        version: 6.1.15(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       tailwind-merge:
         specifier: 3.0.1
         version: 3.0.1
@@ -3531,8 +3531,8 @@ packages:
   postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
 
-  postcss@8.4.38:
-    resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
+  postcss@8.4.49:
+    resolution: {integrity: sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==}
     engines: {node: ^10 || ^12 || >=14}
 
   postcss@8.5.1:
@@ -3972,8 +3972,8 @@ packages:
   style-to-object@0.4.4:
     resolution: {integrity: sha512-HYNoHZa2GorYNyqiCaBgsxvcJIn7OHq6inEga+E6Ke3m5JkoqpQbnFssk4jwe+K7AhGa2fcha4wSOf1Kn01dMg==}
 
-  styled-components@6.1.14:
-    resolution: {integrity: sha512-KtfwhU5jw7UoxdM0g6XU9VZQFV4do+KrM8idiVCH5h4v49W+3p3yMe0icYwJgZQZepa5DbH04Qv8P0/RdcLcgg==}
+  styled-components@6.1.15:
+    resolution: {integrity: sha512-PpOTEztW87Ua2xbmLa7yssjNyUF9vE7wdldRfn1I2E6RTkqknkBYpj771OxM/xrvRGinLy2oysa7GOd7NcZZIA==}
     engines: {node: '>= 16'}
     peerDependencies:
       react: '>= 16.8.0'
@@ -5085,7 +5085,7 @@ snapshots:
 
   '@primer/primitives@7.17.1': {}
 
-  '@primer/react@36.27.0(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(styled-components@6.1.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0))':
+  '@primer/react@36.27.0(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(styled-components@6.1.15(react-dom@19.0.0(react@19.0.0))(react@19.0.0))':
     dependencies:
       '@github/combobox-nav': 2.3.1
       '@github/markdown-toolbar-element': 2.2.3
@@ -5118,7 +5118,7 @@ snapshots:
       react-intersection-observer: 9.13.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react-is: 18.2.0
       react-markdown: 8.0.7(@types/react@19.0.8)(react@19.0.0)
-      styled-components: 6.1.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      styled-components: 6.1.15(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       styled-system: 5.1.5
     optionalDependencies:
       '@types/react': 19.0.8
@@ -8480,7 +8480,7 @@ snapshots:
 
   postcss-value-parser@4.2.0: {}
 
-  postcss@8.4.38:
+  postcss@8.4.49:
     dependencies:
       nanoid: 3.3.8
       picocolors: 1.1.1
@@ -8936,14 +8936,14 @@ snapshots:
     dependencies:
       inline-style-parser: 0.1.1
 
-  styled-components@6.1.14(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  styled-components@6.1.15(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
       '@emotion/is-prop-valid': 1.2.2
       '@emotion/unitless': 0.8.1
       '@types/stylis': 4.2.5
       css-to-react-native: 3.2.0
       csstype: 3.1.3
-      postcss: 8.4.38
+      postcss: 8.4.49
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
       shallowequal: 1.1.0

From b085be78232eaac3a3a0b4de3084e74bf315518a Mon Sep 17 00:00:00 2001
From: Adam Setch <adam.setch@outlook.com>
Date: Thu, 6 Feb 2025 09:19:55 -0500
Subject: [PATCH 2/2] chore(deps): update styled-components to v6.1.14

Signed-off-by: Adam Setch <adam.setch@outlook.com>
---
 .../__snapshots__/AllRead.test.tsx.snap       |  24 +-
 .../__snapshots__/Oops.test.tsx.snap          |  24 +-
 .../__snapshots__/Sidebar.test.tsx.snap       | 108 ++--
 .../AvatarWithFallback.test.tsx.snap          |  52 +-
 .../__snapshots__/Checkbox.test.tsx.snap      |  40 +-
 .../__snapshots__/RadioGroup.test.tsx.snap    |  24 +-
 .../__snapshots__/Centered.test.tsx.snap      |   8 +-
 .../__snapshots__/EmojiSplash.test.tsx.snap   |  24 +-
 .../__snapshots__/MetricGroup.test.tsx.snap   | 400 +++++++-------
 .../__snapshots__/MetricPill.test.tsx.snap    |  20 +-
 .../AccountNotifications.test.tsx.snap        | 490 ++++++++---------
 .../NotificationFooter.test.tsx.snap          | 236 ++++-----
 .../NotificationHeader.test.tsx.snap          |  48 +-
 .../NotificationRow.test.tsx.snap             | 280 +++++-----
 .../RepositoryNotifications.test.tsx.snap     | 172 +++---
 .../__snapshots__/Footer.test.tsx.snap        |   8 +-
 .../__snapshots__/Header.test.tsx.snap        |  16 +-
 .../__snapshots__/HoverButton.test.tsx.snap   |   4 +-
 .../__snapshots__/HoverGroup.test.tsx.snap    |   4 +-
 .../__snapshots__/Title.test.tsx.snap         |   8 +-
 .../SettingsFooter.test.tsx.snap              |   8 +-
 .../__snapshots__/Accounts.test.tsx.snap      | 498 +++++++++---------
 .../__snapshots__/Filters.test.tsx.snap       | 138 ++---
 .../routes/__snapshots__/Login.test.tsx.snap  |  64 +--
 .../LoginWithOAuthApp.test.tsx.snap           | 172 +++---
 ...LoginWithPersonalAccessToken.test.tsx.snap | 160 +++---
 .../__snapshots__/Settings.test.tsx.snap      | 120 ++---
 27 files changed, 1575 insertions(+), 1575 deletions(-)

diff --git a/src/renderer/components/__snapshots__/AllRead.test.tsx.snap b/src/renderer/components/__snapshots__/AllRead.test.tsx.snap
index 89d98c835..851456cc8 100644
--- a/src/renderer/components/__snapshots__/AllRead.test.tsx.snap
+++ b/src/renderer/components/__snapshots__/AllRead.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`renderer/components/AllRead.tsx should render itself & its children - n
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ h-screen"
         data-align="center"
         data-direction="vertical"
         data-justify="center"
@@ -14,7 +14,7 @@ exports[`renderer/components/AllRead.tsx should render itself & its children - n
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="vertical"
           data-gap="condensed"
@@ -23,7 +23,7 @@ exports[`renderer/components/AllRead.tsx should render itself & its children - n
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="vertical"
             data-gap="spacious"
@@ -53,7 +53,7 @@ exports[`renderer/components/AllRead.tsx should render itself & its children - n
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ h-screen"
       data-align="center"
       data-direction="vertical"
       data-justify="center"
@@ -61,7 +61,7 @@ exports[`renderer/components/AllRead.tsx should render itself & its children - n
       data-wrap="nowrap"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="vertical"
         data-gap="condensed"
@@ -70,7 +70,7 @@ exports[`renderer/components/AllRead.tsx should render itself & its children - n
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="vertical"
           data-gap="spacious"
@@ -157,7 +157,7 @@ exports[`renderer/components/AllRead.tsx should render itself & its children - w
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ h-screen"
         data-align="center"
         data-direction="vertical"
         data-justify="center"
@@ -165,7 +165,7 @@ exports[`renderer/components/AllRead.tsx should render itself & its children - w
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="vertical"
           data-gap="condensed"
@@ -174,7 +174,7 @@ exports[`renderer/components/AllRead.tsx should render itself & its children - w
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="vertical"
             data-gap="spacious"
@@ -204,7 +204,7 @@ exports[`renderer/components/AllRead.tsx should render itself & its children - w
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ h-screen"
       data-align="center"
       data-direction="vertical"
       data-justify="center"
@@ -212,7 +212,7 @@ exports[`renderer/components/AllRead.tsx should render itself & its children - w
       data-wrap="nowrap"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="vertical"
         data-gap="condensed"
@@ -221,7 +221,7 @@ exports[`renderer/components/AllRead.tsx should render itself & its children - w
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="vertical"
           data-gap="spacious"
diff --git a/src/renderer/components/__snapshots__/Oops.test.tsx.snap b/src/renderer/components/__snapshots__/Oops.test.tsx.snap
index 7204efacc..6a5f779a7 100644
--- a/src/renderer/components/__snapshots__/Oops.test.tsx.snap
+++ b/src/renderer/components/__snapshots__/Oops.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`renderer/components/Oops.tsx should render itself & its children - fall
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ h-screen"
         data-align="center"
         data-direction="vertical"
         data-justify="center"
@@ -14,7 +14,7 @@ exports[`renderer/components/Oops.tsx should render itself & its children - fall
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="vertical"
           data-gap="condensed"
@@ -23,7 +23,7 @@ exports[`renderer/components/Oops.tsx should render itself & its children - fall
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="vertical"
             data-gap="spacious"
@@ -58,7 +58,7 @@ exports[`renderer/components/Oops.tsx should render itself & its children - fall
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ h-screen"
       data-align="center"
       data-direction="vertical"
       data-justify="center"
@@ -66,7 +66,7 @@ exports[`renderer/components/Oops.tsx should render itself & its children - fall
       data-wrap="nowrap"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="vertical"
         data-gap="condensed"
@@ -75,7 +75,7 @@ exports[`renderer/components/Oops.tsx should render itself & its children - fall
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="vertical"
           data-gap="spacious"
@@ -167,7 +167,7 @@ exports[`renderer/components/Oops.tsx should render itself & its children - spec
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ h-screen"
         data-align="center"
         data-direction="vertical"
         data-justify="center"
@@ -175,7 +175,7 @@ exports[`renderer/components/Oops.tsx should render itself & its children - spec
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="vertical"
           data-gap="condensed"
@@ -184,7 +184,7 @@ exports[`renderer/components/Oops.tsx should render itself & its children - spec
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="vertical"
             data-gap="spacious"
@@ -219,7 +219,7 @@ exports[`renderer/components/Oops.tsx should render itself & its children - spec
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ h-screen"
       data-align="center"
       data-direction="vertical"
       data-justify="center"
@@ -227,7 +227,7 @@ exports[`renderer/components/Oops.tsx should render itself & its children - spec
       data-wrap="nowrap"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="vertical"
         data-gap="condensed"
@@ -236,7 +236,7 @@ exports[`renderer/components/Oops.tsx should render itself & its children - spec
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="vertical"
           data-gap="spacious"
diff --git a/src/renderer/components/__snapshots__/Sidebar.test.tsx.snap b/src/renderer/components/__snapshots__/Sidebar.test.tsx.snap
index 3ab886fc3..d487e1002 100644
--- a/src/renderer/components/__snapshots__/Sidebar.test.tsx.snap
+++ b/src/renderer/components/__snapshots__/Sidebar.test.tsx.snap
@@ -4,7 +4,7 @@ exports[`renderer/components/Sidebar.tsx notifications icon renders correct icon
 <button
   aria-describedby=":r1f:-loading-announcement :r1e:"
   aria-label="Notifications"
-  class="types__StyledButton-sc-ws60qy-0 ffHjIj"
+  class="types__StyledButton-sc-ws60qy-0 llFdea"
   data-component="IconButton"
   data-loading="false"
   data-no-visuals="true"
@@ -36,7 +36,7 @@ exports[`renderer/components/Sidebar.tsx notifications icon renders correct icon
 <button
   aria-describedby=":r1t:-loading-announcement :r1s:"
   aria-label="Notifications"
-  class="types__StyledButton-sc-ws60qy-0 ffHjIj"
+  class="types__StyledButton-sc-ws60qy-0 llFdea"
   data-component="IconButton"
   data-loading="false"
   data-no-visuals="true"
@@ -70,7 +70,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY fixed left-sidebar -ml-sidebar w-sidebar h-full bg-gitify-sidebar text-white"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ fixed left-sidebar -ml-sidebar w-sidebar h-full bg-gitify-sidebar text-white"
         data-align="stretch"
         data-direction="vertical"
         data-justify="space-between"
@@ -78,7 +78,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="vertical"
           data-gap="condensed"
@@ -89,7 +89,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
           <button
             aria-describedby=":r1:-loading-announcement :r0:"
             aria-label="Gitify"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -144,7 +144,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
             </svg>
           </button>
           <span
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
             data-direction="e"
             id=":r0:"
             popover="auto"
@@ -155,7 +155,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
           <button
             aria-describedby=":r3:-loading-announcement :r2:"
             aria-label="Notifications"
-            class="types__StyledButton-sc-ws60qy-0 hBssey"
+            class="types__StyledButton-sc-ws60qy-0 jFAWSz"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -182,7 +182,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
             </svg>
           </button>
           <span
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
             data-direction="e"
             id=":r2:"
             popover="auto"
@@ -193,7 +193,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
           <button
             aria-describedby=":r5:-loading-announcement"
             aria-labelledby=":r4:"
-            class="types__StyledButton-sc-ws60qy-0 ffHjIj"
+            class="types__StyledButton-sc-ws60qy-0 llFdea"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -224,7 +224,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
           </button>
           <span
             aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
             data-direction="e"
             id=":r4:"
             popover="auto"
@@ -234,7 +234,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
           <button
             aria-describedby=":r7:-loading-announcement"
             aria-labelledby=":r6:"
-            class="types__StyledButton-sc-ws60qy-0 ffHjIj"
+            class="types__StyledButton-sc-ws60qy-0 llFdea"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -262,7 +262,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
           </button>
           <span
             aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
             data-direction="e"
             id=":r6:"
             popover="auto"
@@ -271,7 +271,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="vertical"
           data-gap="condensed"
@@ -282,7 +282,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
           <button
             aria-describedby=":r9:-loading-announcement"
             aria-labelledby=":r8:"
-            class="types__StyledButton-sc-ws60qy-0 ffHjIj"
+            class="types__StyledButton-sc-ws60qy-0 llFdea"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -310,7 +310,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
           </button>
           <span
             aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
             data-direction="e"
             id=":r8:"
             popover="auto"
@@ -323,7 +323,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY fixed left-sidebar -ml-sidebar w-sidebar h-full bg-gitify-sidebar text-white"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ fixed left-sidebar -ml-sidebar w-sidebar h-full bg-gitify-sidebar text-white"
       data-align="stretch"
       data-direction="vertical"
       data-justify="space-between"
@@ -331,7 +331,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
       data-wrap="nowrap"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="vertical"
         data-gap="condensed"
@@ -342,7 +342,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
         <button
           aria-describedby=":r1:-loading-announcement :r0:"
           aria-label="Gitify"
-          class="types__StyledButton-sc-ws60qy-0 kQRupk"
+          class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
           data-component="IconButton"
           data-loading="false"
           data-no-visuals="true"
@@ -397,7 +397,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
           </svg>
         </button>
         <span
-          class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
           data-direction="e"
           id=":r0:"
           popover="auto"
@@ -408,7 +408,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
         <button
           aria-describedby=":r3:-loading-announcement :r2:"
           aria-label="Notifications"
-          class="types__StyledButton-sc-ws60qy-0 hBssey"
+          class="types__StyledButton-sc-ws60qy-0 jFAWSz"
           data-component="IconButton"
           data-loading="false"
           data-no-visuals="true"
@@ -435,7 +435,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
           </svg>
         </button>
         <span
-          class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
           data-direction="e"
           id=":r2:"
           popover="auto"
@@ -446,7 +446,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
         <button
           aria-describedby=":r5:-loading-announcement"
           aria-labelledby=":r4:"
-          class="types__StyledButton-sc-ws60qy-0 ffHjIj"
+          class="types__StyledButton-sc-ws60qy-0 llFdea"
           data-component="IconButton"
           data-loading="false"
           data-no-visuals="true"
@@ -477,7 +477,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
         </button>
         <span
           aria-hidden="true"
-          class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
           data-direction="e"
           id=":r4:"
           popover="auto"
@@ -487,7 +487,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
         <button
           aria-describedby=":r7:-loading-announcement"
           aria-labelledby=":r6:"
-          class="types__StyledButton-sc-ws60qy-0 ffHjIj"
+          class="types__StyledButton-sc-ws60qy-0 llFdea"
           data-component="IconButton"
           data-loading="false"
           data-no-visuals="true"
@@ -515,7 +515,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
         </button>
         <span
           aria-hidden="true"
-          class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
           data-direction="e"
           id=":r6:"
           popover="auto"
@@ -524,7 +524,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
         </span>
       </div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="vertical"
         data-gap="condensed"
@@ -535,7 +535,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
         <button
           aria-describedby=":r9:-loading-announcement"
           aria-labelledby=":r8:"
-          class="types__StyledButton-sc-ws60qy-0 ffHjIj"
+          class="types__StyledButton-sc-ws60qy-0 llFdea"
           data-component="IconButton"
           data-loading="false"
           data-no-visuals="true"
@@ -563,7 +563,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
         </button>
         <span
           aria-hidden="true"
-          class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
           data-direction="e"
           id=":r8:"
           popover="auto"
@@ -633,7 +633,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY fixed left-sidebar -ml-sidebar w-sidebar h-full bg-gitify-sidebar text-white"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ fixed left-sidebar -ml-sidebar w-sidebar h-full bg-gitify-sidebar text-white"
         data-align="stretch"
         data-direction="vertical"
         data-justify="space-between"
@@ -641,7 +641,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="vertical"
           data-gap="condensed"
@@ -652,7 +652,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
           <button
             aria-describedby=":rb:-loading-announcement :ra:"
             aria-label="Gitify"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -707,7 +707,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
             </svg>
           </button>
           <span
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
             data-direction="e"
             id=":ra:"
             popover="auto"
@@ -718,7 +718,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
           <button
             aria-describedby=":rd:-loading-announcement :rc:"
             aria-label="Notifications"
-            class="types__StyledButton-sc-ws60qy-0 hBssey"
+            class="types__StyledButton-sc-ws60qy-0 jFAWSz"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -745,7 +745,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
             </svg>
           </button>
           <span
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
             data-direction="e"
             id=":rc:"
             popover="auto"
@@ -756,7 +756,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
           <button
             aria-describedby=":rf:-loading-announcement"
             aria-labelledby=":re:"
-            class="types__StyledButton-sc-ws60qy-0 ffHjIj"
+            class="types__StyledButton-sc-ws60qy-0 llFdea"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -787,7 +787,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
           </button>
           <span
             aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
             data-direction="e"
             id=":re:"
             popover="auto"
@@ -797,7 +797,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
           <button
             aria-describedby=":rh:-loading-announcement"
             aria-labelledby=":rg:"
-            class="types__StyledButton-sc-ws60qy-0 ffHjIj"
+            class="types__StyledButton-sc-ws60qy-0 llFdea"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -825,7 +825,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
           </button>
           <span
             aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
             data-direction="e"
             id=":rg:"
             popover="auto"
@@ -834,7 +834,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="vertical"
           data-gap="condensed"
@@ -845,7 +845,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
           <button
             aria-describedby=":rj:-loading-announcement"
             aria-labelledby=":ri:"
-            class="types__StyledButton-sc-ws60qy-0 ffHjIj"
+            class="types__StyledButton-sc-ws60qy-0 llFdea"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -873,7 +873,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
           </button>
           <span
             aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
             data-direction="e"
             id=":ri:"
             popover="auto"
@@ -886,7 +886,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY fixed left-sidebar -ml-sidebar w-sidebar h-full bg-gitify-sidebar text-white"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ fixed left-sidebar -ml-sidebar w-sidebar h-full bg-gitify-sidebar text-white"
       data-align="stretch"
       data-direction="vertical"
       data-justify="space-between"
@@ -894,7 +894,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
       data-wrap="nowrap"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="vertical"
         data-gap="condensed"
@@ -905,7 +905,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
         <button
           aria-describedby=":rb:-loading-announcement :ra:"
           aria-label="Gitify"
-          class="types__StyledButton-sc-ws60qy-0 kQRupk"
+          class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
           data-component="IconButton"
           data-loading="false"
           data-no-visuals="true"
@@ -960,7 +960,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
           </svg>
         </button>
         <span
-          class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
           data-direction="e"
           id=":ra:"
           popover="auto"
@@ -971,7 +971,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
         <button
           aria-describedby=":rd:-loading-announcement :rc:"
           aria-label="Notifications"
-          class="types__StyledButton-sc-ws60qy-0 hBssey"
+          class="types__StyledButton-sc-ws60qy-0 jFAWSz"
           data-component="IconButton"
           data-loading="false"
           data-no-visuals="true"
@@ -998,7 +998,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
           </svg>
         </button>
         <span
-          class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
           data-direction="e"
           id=":rc:"
           popover="auto"
@@ -1009,7 +1009,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
         <button
           aria-describedby=":rf:-loading-announcement"
           aria-labelledby=":re:"
-          class="types__StyledButton-sc-ws60qy-0 ffHjIj"
+          class="types__StyledButton-sc-ws60qy-0 llFdea"
           data-component="IconButton"
           data-loading="false"
           data-no-visuals="true"
@@ -1040,7 +1040,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
         </button>
         <span
           aria-hidden="true"
-          class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
           data-direction="e"
           id=":re:"
           popover="auto"
@@ -1050,7 +1050,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
         <button
           aria-describedby=":rh:-loading-announcement"
           aria-labelledby=":rg:"
-          class="types__StyledButton-sc-ws60qy-0 ffHjIj"
+          class="types__StyledButton-sc-ws60qy-0 llFdea"
           data-component="IconButton"
           data-loading="false"
           data-no-visuals="true"
@@ -1078,7 +1078,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
         </button>
         <span
           aria-hidden="true"
-          class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
           data-direction="e"
           id=":rg:"
           popover="auto"
@@ -1087,7 +1087,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
         </span>
       </div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="vertical"
         data-gap="condensed"
@@ -1098,7 +1098,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
         <button
           aria-describedby=":rj:-loading-announcement"
           aria-labelledby=":ri:"
-          class="types__StyledButton-sc-ws60qy-0 ffHjIj"
+          class="types__StyledButton-sc-ws60qy-0 llFdea"
           data-component="IconButton"
           data-loading="false"
           data-no-visuals="true"
@@ -1126,7 +1126,7 @@ exports[`renderer/components/Sidebar.tsx should render itself & its children (lo
         </button>
         <span
           aria-hidden="true"
-          class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
           data-direction="e"
           id=":ri:"
           popover="auto"
diff --git a/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap b/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap
index 9fa484539..32b1545d5 100644
--- a/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap
+++ b/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -32,7 +32,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
           />
         </svg>
         <div
-          class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+          class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
           maxwidth="280"
           title="@gitify-app"
         >
@@ -43,7 +43,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -69,7 +69,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
         />
       </svg>
       <div
-        class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+        class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
         maxwidth="280"
         title="@gitify-app"
       >
@@ -137,7 +137,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -163,7 +163,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
           />
         </svg>
         <div
-          class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+          class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
           maxwidth="280"
           title="@gitify-app"
         >
@@ -174,7 +174,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -200,7 +200,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
         />
       </svg>
       <div
-        class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+        class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
         maxwidth="280"
         title="@gitify-app"
       >
@@ -264,7 +264,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
 
 exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback icon when the image fails to load (isBroken = true) - human user 1`] = `
 <div
-  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
   data-align="center"
   data-direction="horizontal"
   data-gap="condensed"
@@ -275,7 +275,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
 >
   <img
     alt="gitify-app"
-    class="Avatar__StyledAvatar-sc-2lv0r8-0 kuZlm"
+    class="Avatar__StyledAvatar-sc-2lv0r8-0 eNjGPf"
     data-component="Avatar"
     height="16"
     size="16"
@@ -284,7 +284,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
     width="16"
   />
   <div
-    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
     maxwidth="280"
     title="@gitify-app"
   >
@@ -295,7 +295,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
 
 exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback icon when the image fails to load (isBroken = true) - non human user 1`] = `
 <div
-  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
   data-align="center"
   data-direction="horizontal"
   data-gap="condensed"
@@ -306,7 +306,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
 >
   <img
     alt="gitify-app"
-    class="Avatar__StyledAvatar-sc-2lv0r8-0 fdrsHc"
+    class="Avatar__StyledAvatar-sc-2lv0r8-0 csxFnd"
     data-component="Avatar"
     height="16"
     size="16"
@@ -315,7 +315,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
     width="16"
   />
   <div
-    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
     maxwidth="280"
     title="@gitify-app"
   >
@@ -330,7 +330,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -341,7 +341,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
       >
         <img
           alt="gitify-app"
-          class="Avatar__StyledAvatar-sc-2lv0r8-0 kuZlm"
+          class="Avatar__StyledAvatar-sc-2lv0r8-0 eNjGPf"
           data-component="Avatar"
           height="16"
           size="16"
@@ -350,7 +350,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
           width="16"
         />
         <div
-          class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+          class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
           maxwidth="280"
           title="@gitify-app"
         >
@@ -361,7 +361,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -372,7 +372,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
     >
       <img
         alt="gitify-app"
-        class="Avatar__StyledAvatar-sc-2lv0r8-0 kuZlm"
+        class="Avatar__StyledAvatar-sc-2lv0r8-0 eNjGPf"
         data-component="Avatar"
         height="16"
         size="16"
@@ -381,7 +381,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
         width="16"
       />
       <div
-        class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+        class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
         maxwidth="280"
         title="@gitify-app"
       >
@@ -449,7 +449,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -460,7 +460,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
       >
         <img
           alt="gitify-app"
-          class="Avatar__StyledAvatar-sc-2lv0r8-0 fdrsHc"
+          class="Avatar__StyledAvatar-sc-2lv0r8-0 csxFnd"
           data-component="Avatar"
           height="16"
           size="16"
@@ -469,7 +469,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
           width="16"
         />
         <div
-          class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+          class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
           maxwidth="280"
           title="@gitify-app"
         >
@@ -480,7 +480,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -491,7 +491,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
     >
       <img
         alt="gitify-app"
-        class="Avatar__StyledAvatar-sc-2lv0r8-0 fdrsHc"
+        class="Avatar__StyledAvatar-sc-2lv0r8-0 csxFnd"
         data-component="Avatar"
         height="16"
         size="16"
@@ -500,7 +500,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
         width="16"
       />
       <div
-        class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+        class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
         maxwidth="280"
         title="@gitify-app"
       >
diff --git a/src/renderer/components/fields/__snapshots__/Checkbox.test.tsx.snap b/src/renderer/components/fields/__snapshots__/Checkbox.test.tsx.snap
index a16c4a80b..6218f5afb 100644
--- a/src/renderer/components/fields/__snapshots__/Checkbox.test.tsx.snap
+++ b/src/renderer/components/fields/__snapshots__/Checkbox.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - disabled 1`] =
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -33,7 +33,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - disabled 1`] =
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -178,7 +178,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - positive counte
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -201,13 +201,13 @@ exports[`renderer/components/fields/Checkbox.tsx should render - positive counte
         </label>
         <span
           aria-hidden="true"
-          class="Box-sc-g0xbh4-0 bzQJGs"
+          class="Box-sc-g0xbh4-0 iTYOrp"
           sx="[object Object]"
         >
           5
         </span>
         <span
-          class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hxuUuW"
+          class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 gbsmlL"
         >
            (
           5
@@ -218,7 +218,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - positive counte
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -241,13 +241,13 @@ exports[`renderer/components/fields/Checkbox.tsx should render - positive counte
       </label>
       <span
         aria-hidden="true"
-        class="Box-sc-g0xbh4-0 bzQJGs"
+        class="Box-sc-g0xbh4-0 iTYOrp"
         sx="[object Object]"
       >
         5
       </span>
       <span
-        class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hxuUuW"
+        class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 gbsmlL"
       >
          (
         5
@@ -315,7 +315,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - positive counte
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -337,13 +337,13 @@ exports[`renderer/components/fields/Checkbox.tsx should render - positive counte
         </label>
         <span
           aria-hidden="true"
-          class="Box-sc-g0xbh4-0 bfvZWv"
+          class="Box-sc-g0xbh4-0 gUZDKK"
           sx="[object Object]"
         >
           5
         </span>
         <span
-          class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hxuUuW"
+          class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 gbsmlL"
         >
            (
           5
@@ -354,7 +354,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - positive counte
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -376,13 +376,13 @@ exports[`renderer/components/fields/Checkbox.tsx should render - positive counte
       </label>
       <span
         aria-hidden="true"
-        class="Box-sc-g0xbh4-0 bfvZWv"
+        class="Box-sc-g0xbh4-0 gUZDKK"
         sx="[object Object]"
       >
         5
       </span>
       <span
-        class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hxuUuW"
+        class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 gbsmlL"
       >
          (
         5
@@ -450,7 +450,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - tooltip 1`] = `
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -499,7 +499,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - tooltip 1`] = `
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -605,7 +605,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - visible 1`] = `
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -631,7 +631,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - visible 1`] = `
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -714,7 +714,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - zero counter 1`
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -740,7 +740,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - zero counter 1`
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
diff --git a/src/renderer/components/fields/__snapshots__/RadioGroup.test.tsx.snap b/src/renderer/components/fields/__snapshots__/RadioGroup.test.tsx.snap
index 519825efd..c465741b9 100644
--- a/src/renderer/components/fields/__snapshots__/RadioGroup.test.tsx.snap
+++ b/src/renderer/components/fields/__snapshots__/RadioGroup.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`renderer/components/fields/RadioGroup.tsx should render 1`] = `
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -21,7 +21,7 @@ exports[`renderer/components/fields/RadioGroup.tsx should render 1`] = `
           Appearance
         </label>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -45,7 +45,7 @@ exports[`renderer/components/fields/RadioGroup.tsx should render 1`] = `
           </label>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -74,7 +74,7 @@ exports[`renderer/components/fields/RadioGroup.tsx should render 1`] = `
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -89,7 +89,7 @@ exports[`renderer/components/fields/RadioGroup.tsx should render 1`] = `
         Appearance
       </label>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -113,7 +113,7 @@ exports[`renderer/components/fields/RadioGroup.tsx should render 1`] = `
         </label>
       </div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -199,7 +199,7 @@ exports[`renderer/components/fields/RadioGroup.tsx should render as disabled 1`]
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -214,7 +214,7 @@ exports[`renderer/components/fields/RadioGroup.tsx should render as disabled 1`]
           Appearance
         </label>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -238,7 +238,7 @@ exports[`renderer/components/fields/RadioGroup.tsx should render as disabled 1`]
           </label>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -267,7 +267,7 @@ exports[`renderer/components/fields/RadioGroup.tsx should render as disabled 1`]
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -282,7 +282,7 @@ exports[`renderer/components/fields/RadioGroup.tsx should render as disabled 1`]
         Appearance
       </label>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -306,7 +306,7 @@ exports[`renderer/components/fields/RadioGroup.tsx should render as disabled 1`]
         </label>
       </div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
diff --git a/src/renderer/components/layout/__snapshots__/Centered.test.tsx.snap b/src/renderer/components/layout/__snapshots__/Centered.test.tsx.snap
index 22620c166..40e37a12e 100644
--- a/src/renderer/components/layout/__snapshots__/Centered.test.tsx.snap
+++ b/src/renderer/components/layout/__snapshots__/Centered.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`renderer/components/layout/Centered.tsx should render itself & its chil
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="vertical"
         data-justify="center"
@@ -19,7 +19,7 @@ exports[`renderer/components/layout/Centered.tsx should render itself & its chil
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
       data-align="center"
       data-direction="vertical"
       data-justify="center"
@@ -89,7 +89,7 @@ exports[`renderer/components/layout/Centered.tsx should render itself & its chil
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ h-screen"
         data-align="center"
         data-direction="vertical"
         data-justify="center"
@@ -102,7 +102,7 @@ exports[`renderer/components/layout/Centered.tsx should render itself & its chil
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ h-screen"
       data-align="center"
       data-direction="vertical"
       data-justify="center"
diff --git a/src/renderer/components/layout/__snapshots__/EmojiSplash.test.tsx.snap b/src/renderer/components/layout/__snapshots__/EmojiSplash.test.tsx.snap
index 4538bac4e..0ece6a0a7 100644
--- a/src/renderer/components/layout/__snapshots__/EmojiSplash.test.tsx.snap
+++ b/src/renderer/components/layout/__snapshots__/EmojiSplash.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`renderer/components/layout/EmojiSplash.tsx should render itself & its c
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ h-screen"
         data-align="center"
         data-direction="vertical"
         data-justify="center"
@@ -14,7 +14,7 @@ exports[`renderer/components/layout/EmojiSplash.tsx should render itself & its c
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="vertical"
           data-gap="condensed"
@@ -23,7 +23,7 @@ exports[`renderer/components/layout/EmojiSplash.tsx should render itself & its c
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="vertical"
             data-gap="spacious"
@@ -58,7 +58,7 @@ exports[`renderer/components/layout/EmojiSplash.tsx should render itself & its c
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ h-screen"
       data-align="center"
       data-direction="vertical"
       data-justify="center"
@@ -66,7 +66,7 @@ exports[`renderer/components/layout/EmojiSplash.tsx should render itself & its c
       data-wrap="nowrap"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="vertical"
         data-gap="condensed"
@@ -75,7 +75,7 @@ exports[`renderer/components/layout/EmojiSplash.tsx should render itself & its c
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="vertical"
           data-gap="spacious"
@@ -167,7 +167,7 @@ exports[`renderer/components/layout/EmojiSplash.tsx should render itself & its c
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ h-screen"
         data-align="center"
         data-direction="vertical"
         data-justify="center"
@@ -175,7 +175,7 @@ exports[`renderer/components/layout/EmojiSplash.tsx should render itself & its c
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="vertical"
           data-gap="condensed"
@@ -184,7 +184,7 @@ exports[`renderer/components/layout/EmojiSplash.tsx should render itself & its c
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="vertical"
             data-gap="spacious"
@@ -214,7 +214,7 @@ exports[`renderer/components/layout/EmojiSplash.tsx should render itself & its c
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ h-screen"
       data-align="center"
       data-direction="vertical"
       data-justify="center"
@@ -222,7 +222,7 @@ exports[`renderer/components/layout/EmojiSplash.tsx should render itself & its c
       data-wrap="nowrap"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="vertical"
         data-gap="condensed"
@@ -231,7 +231,7 @@ exports[`renderer/components/layout/EmojiSplash.tsx should render itself & its c
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="vertical"
           data-gap="spacious"
diff --git a/src/renderer/components/metrics/__snapshots__/MetricGroup.test.tsx.snap b/src/renderer/components/metrics/__snapshots__/MetricGroup.test.tsx.snap
index 4b2a4cfc2..e74739416 100644
--- a/src/renderer/components/metrics/__snapshots__/MetricGroup.test.tsx.snap
+++ b/src/renderer/components/metrics/__snapshots__/MetricGroup.test.tsx.snap
@@ -9,12 +9,12 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
         class="Box-sc-g0xbh4-0 flex gap-1"
       >
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="Linked to issues #1, #2"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -42,19 +42,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -79,19 +79,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -116,19 +116,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="1 comment"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -153,7 +153,7 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
@@ -167,12 +167,12 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
       class="Box-sc-g0xbh4-0 flex gap-1"
     >
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="Linked to issues #1, #2"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -200,19 +200,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -237,19 +237,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -274,19 +274,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="1 comment"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -311,7 +311,7 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             1
           </span>
@@ -382,12 +382,12 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
         class="Box-sc-g0xbh4-0 flex gap-1"
       >
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="Linked to issues #1, #2"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -415,19 +415,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -452,19 +452,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -489,19 +489,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="2 comments"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -526,7 +526,7 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               2
             </span>
@@ -540,12 +540,12 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
       class="Box-sc-g0xbh4-0 flex gap-1"
     >
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="Linked to issues #1, #2"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -573,19 +573,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -610,19 +610,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -647,19 +647,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="2 comments"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -684,7 +684,7 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             2
           </span>
@@ -755,12 +755,12 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
         class="Box-sc-g0xbh4-0 flex gap-1"
       >
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="Linked to issues #1, #2"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -788,19 +788,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -825,19 +825,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -862,7 +862,7 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
@@ -876,12 +876,12 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
       class="Box-sc-g0xbh4-0 flex gap-1"
     >
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="Linked to issues #1, #2"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -909,19 +909,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -946,19 +946,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -983,7 +983,7 @@ exports[`renderer/components/metrics/MetricGroup.tsx comment pills should render
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             1
           </span>
@@ -1054,12 +1054,12 @@ exports[`renderer/components/metrics/MetricGroup.tsx label pills should render l
         class="Box-sc-g0xbh4-0 flex gap-1"
       >
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="Linked to issues #1, #2"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -1087,19 +1087,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx label pills should render l
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -1124,19 +1124,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx label pills should render l
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -1161,19 +1161,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx label pills should render l
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="2 comments"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -1198,20 +1198,20 @@ exports[`renderer/components/metrics/MetricGroup.tsx label pills should render l
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="🏷️ enhancement
 🏷️ good-first-issue"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -1236,7 +1236,7 @@ exports[`renderer/components/metrics/MetricGroup.tsx label pills should render l
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               2
             </span>
@@ -1250,12 +1250,12 @@ exports[`renderer/components/metrics/MetricGroup.tsx label pills should render l
       class="Box-sc-g0xbh4-0 flex gap-1"
     >
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="Linked to issues #1, #2"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -1283,19 +1283,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx label pills should render l
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -1320,19 +1320,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx label pills should render l
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -1357,19 +1357,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx label pills should render l
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="2 comments"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -1394,20 +1394,20 @@ exports[`renderer/components/metrics/MetricGroup.tsx label pills should render l
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="🏷️ enhancement
 🏷️ good-first-issue"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -1432,7 +1432,7 @@ exports[`renderer/components/metrics/MetricGroup.tsx label pills should render l
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             2
           </span>
@@ -1503,12 +1503,12 @@ exports[`renderer/components/metrics/MetricGroup.tsx linked issue pills should r
         class="Box-sc-g0xbh4-0 flex gap-1"
       >
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="Linked to issues #1, #2"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -1536,19 +1536,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx linked issue pills should r
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -1573,19 +1573,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx linked issue pills should r
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -1610,7 +1610,7 @@ exports[`renderer/components/metrics/MetricGroup.tsx linked issue pills should r
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
@@ -1624,12 +1624,12 @@ exports[`renderer/components/metrics/MetricGroup.tsx linked issue pills should r
       class="Box-sc-g0xbh4-0 flex gap-1"
     >
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="Linked to issues #1, #2"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -1657,19 +1657,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx linked issue pills should r
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -1694,19 +1694,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx linked issue pills should r
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -1731,7 +1731,7 @@ exports[`renderer/components/metrics/MetricGroup.tsx linked issue pills should r
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             1
           </span>
@@ -1802,12 +1802,12 @@ exports[`renderer/components/metrics/MetricGroup.tsx linked issue pills should r
         class="Box-sc-g0xbh4-0 flex gap-1"
       >
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="Linked to issue #1"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -1835,19 +1835,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx linked issue pills should r
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -1872,19 +1872,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx linked issue pills should r
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -1909,7 +1909,7 @@ exports[`renderer/components/metrics/MetricGroup.tsx linked issue pills should r
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
@@ -1923,12 +1923,12 @@ exports[`renderer/components/metrics/MetricGroup.tsx linked issue pills should r
       class="Box-sc-g0xbh4-0 flex gap-1"
     >
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="Linked to issue #1"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -1956,19 +1956,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx linked issue pills should r
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -1993,19 +1993,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx linked issue pills should r
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -2030,7 +2030,7 @@ exports[`renderer/components/metrics/MetricGroup.tsx linked issue pills should r
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             1
           </span>
@@ -2101,12 +2101,12 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
         class="Box-sc-g0xbh4-0 flex gap-1"
       >
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="Linked to issues #1, #2"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -2134,19 +2134,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -2171,19 +2171,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -2208,19 +2208,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="2 comments"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -2245,20 +2245,20 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="🏷️ enhancement
 🏷️ good-first-issue"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -2283,19 +2283,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="Milestone 1"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -2329,12 +2329,12 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
       class="Box-sc-g0xbh4-0 flex gap-1"
     >
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="Linked to issues #1, #2"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -2362,19 +2362,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -2399,19 +2399,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -2436,19 +2436,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="2 comments"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -2473,20 +2473,20 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="🏷️ enhancement
 🏷️ good-first-issue"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -2511,19 +2511,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="Milestone 1"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -2614,12 +2614,12 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
         class="Box-sc-g0xbh4-0 flex gap-1"
       >
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="Linked to issues #1, #2"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -2647,19 +2647,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -2684,19 +2684,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -2721,19 +2721,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="2 comments"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -2758,20 +2758,20 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="🏷️ enhancement
 🏷️ good-first-issue"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -2796,19 +2796,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="Milestone 1"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -2842,12 +2842,12 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
       class="Box-sc-g0xbh4-0 flex gap-1"
     >
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="Linked to issues #1, #2"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -2875,19 +2875,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -2912,19 +2912,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -2949,19 +2949,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="2 comments"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -2986,20 +2986,20 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="🏷️ enhancement
 🏷️ good-first-issue"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -3024,19 +3024,19 @@ exports[`renderer/components/metrics/MetricGroup.tsx milestone pills should rend
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="Milestone 1"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
diff --git a/src/renderer/components/metrics/__snapshots__/MetricPill.test.tsx.snap b/src/renderer/components/metrics/__snapshots__/MetricPill.test.tsx.snap
index 13b64963c..d076751f0 100644
--- a/src/renderer/components/metrics/__snapshots__/MetricPill.test.tsx.snap
+++ b/src/renderer/components/metrics/__snapshots__/MetricPill.test.tsx.snap
@@ -6,12 +6,12 @@ exports[`renderer/components/metrics/MetricPill.tsx should render with metric 1`
   "baseElement": <body>
     <div>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="Mock Pill"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -36,7 +36,7 @@ exports[`renderer/components/metrics/MetricPill.tsx should render with metric 1`
             />
           </svg>
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+            class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
           >
             1
           </span>
@@ -46,12 +46,12 @@ exports[`renderer/components/metrics/MetricPill.tsx should render with metric 1`
   </body>,
   "container": <div>
     <span
-      class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+      class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
       title="Mock Pill"
       variant="secondary"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="horizontal"
         data-gap="none"
@@ -76,7 +76,7 @@ exports[`renderer/components/metrics/MetricPill.tsx should render with metric 1`
           />
         </svg>
         <span
-          class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+          class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
         >
           1
         </span>
@@ -143,12 +143,12 @@ exports[`renderer/components/metrics/MetricPill.tsx should render without metric
   "baseElement": <body>
     <div>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
         title="Mock Pill"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -178,12 +178,12 @@ exports[`renderer/components/metrics/MetricPill.tsx should render without metric
   </body>,
   "container": <div>
     <span
-      class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+      class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
       title="Mock Pill"
       variant="secondary"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="horizontal"
         data-gap="none"
diff --git a/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap
index 7f85e8e8e..455159a16 100644
--- a/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap
+++ b/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
         class="Box-sc-g0xbh4-0 group pr-1 py-0.5 bg-gitify-account-error"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -19,7 +19,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
         >
           <button
             aria-describedby=":rk:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-loading="false"
             data-no-visuals="true"
             data-testid="account-profile"
@@ -28,7 +28,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 srpGE"
+              class="Box-sc-g0xbh4-0 kBZRdd"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -36,7 +36,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -47,7 +47,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 >
                   <img
                     alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 kuZlm"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 eNjGPf"
                     data-component="Avatar"
                     height="16"
                     size="16"
@@ -56,7 +56,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                     width="16"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -65,20 +65,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 </div>
               </span>
               <span
-                class="Box-sc-g0xbh4-0 mhHOW"
+                class="Box-sc-g0xbh4-0 fRxPAP"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 bfvZWv"
+                  class="Box-sc-g0xbh4-0 gUZDKK"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   0
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hxuUuW"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 gbsmlL"
                 >
                    (
                   0
@@ -88,7 +88,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             </span>
           </button>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -99,7 +99,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             <button
               aria-describedby=":rl:-loading-announcement"
               aria-label="My Issues"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -132,7 +132,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             <button
               aria-describedby=":rm:-loading-announcement"
               aria-label="My Pull Requests"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -162,7 +162,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             <button
               aria-describedby=":rn:-loading-announcement"
               aria-label="No notifications for account"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -193,7 +193,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
         </div>
       </div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="vertical"
         data-justify="center"
@@ -201,7 +201,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="vertical"
           data-gap="condensed"
@@ -210,7 +210,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="vertical"
             data-gap="spacious"
@@ -248,7 +248,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
       class="Box-sc-g0xbh4-0 group pr-1 py-0.5 bg-gitify-account-error"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -258,7 +258,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
       >
         <button
           aria-describedby=":rk:-loading-announcement"
-          class="types__StyledButton-sc-ws60qy-0 kQRupk"
+          class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
           data-loading="false"
           data-no-visuals="true"
           data-testid="account-profile"
@@ -267,7 +267,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           type="button"
         >
           <span
-            class="Box-sc-g0xbh4-0 srpGE"
+            class="Box-sc-g0xbh4-0 kBZRdd"
             data-component="buttonContent"
             sx="[object Object]"
           >
@@ -275,7 +275,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               data-component="text"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -286,7 +286,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               >
                 <img
                   alt="octocat"
-                  class="Avatar__StyledAvatar-sc-2lv0r8-0 kuZlm"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 eNjGPf"
                   data-component="Avatar"
                   height="16"
                   size="16"
@@ -295,7 +295,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                   width="16"
                 />
                 <div
-                  class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                   maxwidth="280"
                   title="@octocat"
                 >
@@ -304,20 +304,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               </div>
             </span>
             <span
-              class="Box-sc-g0xbh4-0 mhHOW"
+              class="Box-sc-g0xbh4-0 fRxPAP"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 bfvZWv"
+                class="Box-sc-g0xbh4-0 gUZDKK"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 0
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hxuUuW"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 gbsmlL"
               >
                  (
                 0
@@ -327,7 +327,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           </span>
         </button>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -338,7 +338,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           <button
             aria-describedby=":rl:-loading-announcement"
             aria-label="My Issues"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -371,7 +371,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           <button
             aria-describedby=":rm:-loading-announcement"
             aria-label="My Pull Requests"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -401,7 +401,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           <button
             aria-describedby=":rn:-loading-announcement"
             aria-label="No notifications for account"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -432,7 +432,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
       </div>
     </div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
       data-align="center"
       data-direction="vertical"
       data-justify="center"
@@ -440,7 +440,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
       data-wrap="nowrap"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="vertical"
         data-gap="condensed"
@@ -449,7 +449,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="vertical"
           data-gap="spacious"
@@ -544,7 +544,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
         class="Box-sc-g0xbh4-0 group pr-1 py-0.5 bg-gitify-account-rest"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -554,7 +554,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
         >
           <button
             aria-describedby=":r4:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-loading="false"
             data-no-visuals="true"
             data-testid="account-profile"
@@ -563,7 +563,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 srpGE"
+              class="Box-sc-g0xbh4-0 kBZRdd"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -571,7 +571,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -582,7 +582,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 >
                   <img
                     alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 kuZlm"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 eNjGPf"
                     data-component="Avatar"
                     height="16"
                     size="16"
@@ -591,7 +591,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                     width="16"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -600,20 +600,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 </div>
               </span>
               <span
-                class="Box-sc-g0xbh4-0 mhHOW"
+                class="Box-sc-g0xbh4-0 fRxPAP"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 bfvZWv"
+                  class="Box-sc-g0xbh4-0 gUZDKK"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hxuUuW"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 gbsmlL"
                 >
                    (
                   2
@@ -623,7 +623,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             </span>
           </button>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -634,7 +634,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             <button
               aria-describedby=":r5:-loading-announcement"
               aria-label="My Issues"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -667,7 +667,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             <button
               aria-describedby=":r6:-loading-announcement"
               aria-label="My Pull Requests"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -697,7 +697,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             <button
               aria-describedby=":r7:-loading-announcement"
               aria-label="Hide account notifications"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -732,7 +732,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
         id="138661096"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -742,7 +742,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
         >
           <span
             aria-label="Open Issue"
-            class="Tooltip__TooltipBase-sc-17tf59c-0 fcVRmg tooltipped-e"
+            class="Tooltip__TooltipBase-sc-17tf59c-0 iKRGON tooltipped-e"
             id=":r8:"
             role="tooltip"
           >
@@ -767,7 +767,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             </svg>
           </span>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY cursor-pointer text-sm w-full truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ cursor-pointer text-sm w-full truncate"
             data-align="stretch"
             data-direction="vertical"
             data-gap="none"
@@ -779,7 +779,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               class="Box-sc-g0xbh4-0 py-0.5"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -793,7 +793,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                   title="Open repository"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                     data-align="center"
                     data-direction="horizontal"
                     data-gap="condensed"
@@ -804,7 +804,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                   >
                     <img
                       alt="gitify-app/notifications-test"
-                      class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+                      class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
                       data-component="Avatar"
                       height="14"
                       size="14"
@@ -813,7 +813,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                       width="14"
                     />
                     <div
-                      class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                      class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                       maxwidth="280"
                       title="gitify-app/notifications-test"
                     >
@@ -827,7 +827,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               </div>
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY mb-0.5 truncate"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ mb-0.5 truncate"
               data-align="start"
               data-direction="horizontal"
               data-gap="condensed"
@@ -838,16 +838,16 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               title="I am a robot and this is a test!"
             >
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ truncate"
+                class="Text-sc-17v1xeu-0 kbcDeY truncate"
               >
                 I am a robot and this is a test!
               </span>
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ text-xxs ml-auto mr-2 opacity-50 hidden"
+                class="Text-sc-17v1xeu-0 kbcDeY text-xxs ml-auto mr-2 opacity-50 hidden"
               />
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-xs opacity-80"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-xs opacity-80"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -861,7 +861,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 title="gitify-app"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -872,7 +872,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 >
                   <img
                     alt="gitify-app"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
                     data-component="Avatar"
                     height="14"
                     size="14"
@@ -883,7 +883,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 </div>
               </div>
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="stretch"
                 data-direction="horizontal"
                 data-gap="none"
@@ -892,13 +892,13 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 data-wrap="nowrap"
               >
                 <span
-                  class="Text-sc-17v1xeu-0 hmAFGJ pr-1"
+                  class="Text-sc-17v1xeu-0 kbcDeY pr-1"
                   title="You're watching the repository."
                 >
                   Updated
                 </span>
                 <relative-time
-                  class="sc-KXCwU"
+                  class="sc-FEMpB"
                   datetime="2017-05-20T17:51:57.000Z"
                 >
                   May 20, 2017
@@ -908,12 +908,12 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 class="Box-sc-g0xbh4-0 flex gap-1"
               >
                 <span
-                  class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
                   title="octocat approved these changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                     data-align="center"
                     data-direction="horizontal"
                     data-gap="none"
@@ -938,19 +938,19 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                       />
                     </svg>
                     <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
                     >
                       1
                     </span>
                   </div>
                 </span>
                 <span
-                  class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
                   title="gitify-app requested changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                     data-align="center"
                     data-direction="horizontal"
                     data-gap="none"
@@ -975,7 +975,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                       />
                     </svg>
                     <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
                     >
                       1
                     </span>
@@ -985,7 +985,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-notification-hover"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-notification-hover"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -996,7 +996,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             <button
               aria-describedby=":r9:-loading-announcement"
               aria-label="Mark as done"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1026,7 +1026,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             <button
               aria-describedby=":ra:-loading-announcement"
               aria-label="Mark as read"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1056,7 +1056,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             <button
               aria-describedby=":rb:-loading-announcement"
               aria-label="Unsubscribe from thread"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1091,7 +1091,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
         id="148827438"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1101,7 +1101,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
         >
           <span
             aria-label=" Issue"
-            class="Tooltip__TooltipBase-sc-17tf59c-0 fcVRmg tooltipped-e"
+            class="Tooltip__TooltipBase-sc-17tf59c-0 iKRGON tooltipped-e"
             id=":rc:"
             role="tooltip"
           >
@@ -1126,7 +1126,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             </svg>
           </span>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY cursor-pointer text-sm w-full truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ cursor-pointer text-sm w-full truncate"
             data-align="stretch"
             data-direction="vertical"
             data-gap="none"
@@ -1138,7 +1138,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               class="Box-sc-g0xbh4-0 py-0.5"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -1152,7 +1152,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                   title="Open repository"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                     data-align="center"
                     data-direction="horizontal"
                     data-gap="condensed"
@@ -1163,7 +1163,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                   >
                     <img
                       alt="gitify-app/notifications-test"
-                      class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+                      class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
                       data-component="Avatar"
                       height="14"
                       size="14"
@@ -1172,7 +1172,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                       width="14"
                     />
                     <div
-                      class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                      class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                       maxwidth="280"
                       title="gitify-app/notifications-test"
                     >
@@ -1186,7 +1186,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               </div>
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY mb-0.5 truncate"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ mb-0.5 truncate"
               data-align="start"
               data-direction="horizontal"
               data-gap="condensed"
@@ -1197,16 +1197,16 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               title="Improve the UI"
             >
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ truncate"
+                class="Text-sc-17v1xeu-0 kbcDeY truncate"
               >
                 Improve the UI
               </span>
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ text-xxs ml-auto mr-2 opacity-50 hidden"
+                class="Text-sc-17v1xeu-0 kbcDeY text-xxs ml-auto mr-2 opacity-50 hidden"
               />
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-xs opacity-80"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-xs opacity-80"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -1215,7 +1215,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               data-wrap="wrap"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -1242,7 +1242,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 </svg>
               </div>
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="stretch"
                 data-direction="horizontal"
                 data-gap="none"
@@ -1251,13 +1251,13 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 data-wrap="nowrap"
               >
                 <span
-                  class="Text-sc-17v1xeu-0 hmAFGJ pr-1"
+                  class="Text-sc-17v1xeu-0 kbcDeY pr-1"
                   title="You created the thread."
                 >
                   Authored
                 </span>
                 <relative-time
-                  class="sc-KXCwU"
+                  class="sc-FEMpB"
                   datetime="2017-05-20T17:06:34.000Z"
                 >
                   May 20, 2017
@@ -1269,7 +1269,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-notification-hover"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-notification-hover"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -1280,7 +1280,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             <button
               aria-describedby=":rd:-loading-announcement"
               aria-label="Mark as done"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1310,7 +1310,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             <button
               aria-describedby=":re:-loading-announcement"
               aria-label="Mark as read"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1340,7 +1340,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             <button
               aria-describedby=":rf:-loading-announcement"
               aria-label="Unsubscribe from thread"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1377,7 +1377,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
       class="Box-sc-g0xbh4-0 group pr-1 py-0.5 bg-gitify-account-rest"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -1387,7 +1387,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
       >
         <button
           aria-describedby=":r4:-loading-announcement"
-          class="types__StyledButton-sc-ws60qy-0 kQRupk"
+          class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
           data-loading="false"
           data-no-visuals="true"
           data-testid="account-profile"
@@ -1396,7 +1396,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           type="button"
         >
           <span
-            class="Box-sc-g0xbh4-0 srpGE"
+            class="Box-sc-g0xbh4-0 kBZRdd"
             data-component="buttonContent"
             sx="[object Object]"
           >
@@ -1404,7 +1404,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               data-component="text"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -1415,7 +1415,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               >
                 <img
                   alt="octocat"
-                  class="Avatar__StyledAvatar-sc-2lv0r8-0 kuZlm"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 eNjGPf"
                   data-component="Avatar"
                   height="16"
                   size="16"
@@ -1424,7 +1424,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                   width="16"
                 />
                 <div
-                  class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                   maxwidth="280"
                   title="@octocat"
                 >
@@ -1433,20 +1433,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               </div>
             </span>
             <span
-              class="Box-sc-g0xbh4-0 mhHOW"
+              class="Box-sc-g0xbh4-0 fRxPAP"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 bfvZWv"
+                class="Box-sc-g0xbh4-0 gUZDKK"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 2
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hxuUuW"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 gbsmlL"
               >
                  (
                 2
@@ -1456,7 +1456,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           </span>
         </button>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -1467,7 +1467,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           <button
             aria-describedby=":r5:-loading-announcement"
             aria-label="My Issues"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -1500,7 +1500,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           <button
             aria-describedby=":r6:-loading-announcement"
             aria-label="My Pull Requests"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -1530,7 +1530,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           <button
             aria-describedby=":r7:-loading-announcement"
             aria-label="Hide account notifications"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -1565,7 +1565,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
       id="138661096"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -1575,7 +1575,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
       >
         <span
           aria-label="Open Issue"
-          class="Tooltip__TooltipBase-sc-17tf59c-0 fcVRmg tooltipped-e"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 iKRGON tooltipped-e"
           id=":r8:"
           role="tooltip"
         >
@@ -1600,7 +1600,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           </svg>
         </span>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY cursor-pointer text-sm w-full truncate"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ cursor-pointer text-sm w-full truncate"
           data-align="stretch"
           data-direction="vertical"
           data-gap="none"
@@ -1612,7 +1612,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             class="Box-sc-g0xbh4-0 py-0.5"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -1626,7 +1626,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 title="Open repository"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1637,7 +1637,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 >
                   <img
                     alt="gitify-app/notifications-test"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
                     data-component="Avatar"
                     height="14"
                     size="14"
@@ -1646,7 +1646,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                     width="14"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                     maxwidth="280"
                     title="gitify-app/notifications-test"
                   >
@@ -1660,7 +1660,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY mb-0.5 truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ mb-0.5 truncate"
             data-align="start"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1671,16 +1671,16 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             title="I am a robot and this is a test!"
           >
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ truncate"
+              class="Text-sc-17v1xeu-0 kbcDeY truncate"
             >
               I am a robot and this is a test!
             </span>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs ml-auto mr-2 opacity-50 hidden"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs ml-auto mr-2 opacity-50 hidden"
             />
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-xs opacity-80"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-xs opacity-80"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1694,7 +1694,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               title="gitify-app"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -1705,7 +1705,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               >
                 <img
                   alt="gitify-app"
-                  class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
                   data-component="Avatar"
                   height="14"
                   size="14"
@@ -1716,7 +1716,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               </div>
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="stretch"
               data-direction="horizontal"
               data-gap="none"
@@ -1725,13 +1725,13 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               data-wrap="nowrap"
             >
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ pr-1"
+                class="Text-sc-17v1xeu-0 kbcDeY pr-1"
                 title="You're watching the repository."
               >
                 Updated
               </span>
               <relative-time
-                class="sc-KXCwU"
+                class="sc-FEMpB"
                 datetime="2017-05-20T17:51:57.000Z"
               >
                 May 20, 2017
@@ -1741,12 +1741,12 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               class="Box-sc-g0xbh4-0 flex gap-1"
             >
               <span
-                class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
                 title="octocat approved these changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="none"
@@ -1771,19 +1771,19 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
                   >
                     1
                   </span>
                 </div>
               </span>
               <span
-                class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
                 title="gitify-app requested changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="none"
@@ -1808,7 +1808,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
                   >
                     1
                   </span>
@@ -1818,7 +1818,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-notification-hover"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-notification-hover"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -1829,7 +1829,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           <button
             aria-describedby=":r9:-loading-announcement"
             aria-label="Mark as done"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -1859,7 +1859,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           <button
             aria-describedby=":ra:-loading-announcement"
             aria-label="Mark as read"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -1889,7 +1889,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           <button
             aria-describedby=":rb:-loading-announcement"
             aria-label="Unsubscribe from thread"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -1924,7 +1924,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
       id="148827438"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -1934,7 +1934,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
       >
         <span
           aria-label=" Issue"
-          class="Tooltip__TooltipBase-sc-17tf59c-0 fcVRmg tooltipped-e"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 iKRGON tooltipped-e"
           id=":rc:"
           role="tooltip"
         >
@@ -1959,7 +1959,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           </svg>
         </span>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY cursor-pointer text-sm w-full truncate"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ cursor-pointer text-sm w-full truncate"
           data-align="stretch"
           data-direction="vertical"
           data-gap="none"
@@ -1971,7 +1971,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             class="Box-sc-g0xbh4-0 py-0.5"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -1985,7 +1985,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 title="Open repository"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1996,7 +1996,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 >
                   <img
                     alt="gitify-app/notifications-test"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
                     data-component="Avatar"
                     height="14"
                     size="14"
@@ -2005,7 +2005,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                     width="14"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                     maxwidth="280"
                     title="gitify-app/notifications-test"
                   >
@@ -2019,7 +2019,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY mb-0.5 truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ mb-0.5 truncate"
             data-align="start"
             data-direction="horizontal"
             data-gap="condensed"
@@ -2030,16 +2030,16 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             title="Improve the UI"
           >
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ truncate"
+              class="Text-sc-17v1xeu-0 kbcDeY truncate"
             >
               Improve the UI
             </span>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs ml-auto mr-2 opacity-50 hidden"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs ml-auto mr-2 opacity-50 hidden"
             />
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-xs opacity-80"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-xs opacity-80"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -2048,7 +2048,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             data-wrap="wrap"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -2075,7 +2075,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               </svg>
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="stretch"
               data-direction="horizontal"
               data-gap="none"
@@ -2084,13 +2084,13 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               data-wrap="nowrap"
             >
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ pr-1"
+                class="Text-sc-17v1xeu-0 kbcDeY pr-1"
                 title="You created the thread."
               >
                 Authored
               </span>
               <relative-time
-                class="sc-KXCwU"
+                class="sc-FEMpB"
                 datetime="2017-05-20T17:06:34.000Z"
               >
                 May 20, 2017
@@ -2102,7 +2102,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-notification-hover"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-notification-hover"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -2113,7 +2113,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           <button
             aria-describedby=":rd:-loading-announcement"
             aria-label="Mark as done"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -2143,7 +2143,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           <button
             aria-describedby=":re:-loading-announcement"
             aria-label="Mark as read"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -2173,7 +2173,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           <button
             aria-describedby=":rf:-loading-announcement"
             aria-label="Unsubscribe from thread"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -2267,7 +2267,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
         class="Box-sc-g0xbh4-0 group pr-1 py-0.5 bg-gitify-account-rest"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -2277,7 +2277,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
         >
           <button
             aria-describedby=":r0:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-loading="false"
             data-no-visuals="true"
             data-testid="account-profile"
@@ -2286,7 +2286,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 srpGE"
+              class="Box-sc-g0xbh4-0 kBZRdd"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -2294,7 +2294,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -2305,7 +2305,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 >
                   <img
                     alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 kuZlm"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 eNjGPf"
                     data-component="Avatar"
                     height="16"
                     size="16"
@@ -2314,7 +2314,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                     width="16"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -2323,20 +2323,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 </div>
               </span>
               <span
-                class="Box-sc-g0xbh4-0 mhHOW"
+                class="Box-sc-g0xbh4-0 fRxPAP"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 bfvZWv"
+                  class="Box-sc-g0xbh4-0 gUZDKK"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hxuUuW"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 gbsmlL"
                 >
                    (
                   2
@@ -2346,7 +2346,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             </span>
           </button>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -2357,7 +2357,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             <button
               aria-describedby=":r1:-loading-announcement"
               aria-label="My Issues"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -2390,7 +2390,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             <button
               aria-describedby=":r2:-loading-announcement"
               aria-label="My Pull Requests"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -2420,7 +2420,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             <button
               aria-describedby=":r3:-loading-announcement"
               aria-label="Hide account notifications"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -2460,7 +2460,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
       class="Box-sc-g0xbh4-0 group pr-1 py-0.5 bg-gitify-account-rest"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -2470,7 +2470,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
       >
         <button
           aria-describedby=":r0:-loading-announcement"
-          class="types__StyledButton-sc-ws60qy-0 kQRupk"
+          class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
           data-loading="false"
           data-no-visuals="true"
           data-testid="account-profile"
@@ -2479,7 +2479,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           type="button"
         >
           <span
-            class="Box-sc-g0xbh4-0 srpGE"
+            class="Box-sc-g0xbh4-0 kBZRdd"
             data-component="buttonContent"
             sx="[object Object]"
           >
@@ -2487,7 +2487,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               data-component="text"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -2498,7 +2498,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               >
                 <img
                   alt="octocat"
-                  class="Avatar__StyledAvatar-sc-2lv0r8-0 kuZlm"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 eNjGPf"
                   data-component="Avatar"
                   height="16"
                   size="16"
@@ -2507,7 +2507,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                   width="16"
                 />
                 <div
-                  class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                   maxwidth="280"
                   title="@octocat"
                 >
@@ -2516,20 +2516,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               </div>
             </span>
             <span
-              class="Box-sc-g0xbh4-0 mhHOW"
+              class="Box-sc-g0xbh4-0 fRxPAP"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 bfvZWv"
+                class="Box-sc-g0xbh4-0 gUZDKK"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 2
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hxuUuW"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 gbsmlL"
               >
                  (
                 2
@@ -2539,7 +2539,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           </span>
         </button>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -2550,7 +2550,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           <button
             aria-describedby=":r1:-loading-announcement"
             aria-label="My Issues"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -2583,7 +2583,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           <button
             aria-describedby=":r2:-loading-announcement"
             aria-label="My Pull Requests"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -2613,7 +2613,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           <button
             aria-describedby=":r3:-loading-announcement"
             aria-label="Hide account notifications"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -2710,7 +2710,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
         class="Box-sc-g0xbh4-0 group pr-1 py-0.5 bg-gitify-account-rest"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -2720,7 +2720,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
         >
           <button
             aria-describedby=":rg:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-loading="false"
             data-no-visuals="true"
             data-testid="account-profile"
@@ -2729,7 +2729,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 srpGE"
+              class="Box-sc-g0xbh4-0 kBZRdd"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -2737,7 +2737,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -2748,7 +2748,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 >
                   <img
                     alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 kuZlm"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 eNjGPf"
                     data-component="Avatar"
                     height="16"
                     size="16"
@@ -2757,7 +2757,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                     width="16"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -2766,20 +2766,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 </div>
               </span>
               <span
-                class="Box-sc-g0xbh4-0 mhHOW"
+                class="Box-sc-g0xbh4-0 fRxPAP"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 bfvZWv"
+                  class="Box-sc-g0xbh4-0 gUZDKK"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   0
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hxuUuW"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 gbsmlL"
                 >
                    (
                   0
@@ -2789,7 +2789,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             </span>
           </button>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -2800,7 +2800,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             <button
               aria-describedby=":rh:-loading-announcement"
               aria-label="My Issues"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -2833,7 +2833,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             <button
               aria-describedby=":ri:-loading-announcement"
               aria-label="My Pull Requests"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -2863,7 +2863,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             <button
               aria-describedby=":rj:-loading-announcement"
               aria-label="No notifications for account"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -2894,7 +2894,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
         </div>
       </div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="vertical"
         data-justify="center"
@@ -2902,7 +2902,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="vertical"
           data-gap="condensed"
@@ -2911,7 +2911,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="vertical"
             data-gap="spacious"
@@ -2944,7 +2944,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
       class="Box-sc-g0xbh4-0 group pr-1 py-0.5 bg-gitify-account-rest"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -2954,7 +2954,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
       >
         <button
           aria-describedby=":rg:-loading-announcement"
-          class="types__StyledButton-sc-ws60qy-0 kQRupk"
+          class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
           data-loading="false"
           data-no-visuals="true"
           data-testid="account-profile"
@@ -2963,7 +2963,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           type="button"
         >
           <span
-            class="Box-sc-g0xbh4-0 srpGE"
+            class="Box-sc-g0xbh4-0 kBZRdd"
             data-component="buttonContent"
             sx="[object Object]"
           >
@@ -2971,7 +2971,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               data-component="text"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -2982,7 +2982,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               >
                 <img
                   alt="octocat"
-                  class="Avatar__StyledAvatar-sc-2lv0r8-0 kuZlm"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 eNjGPf"
                   data-component="Avatar"
                   height="16"
                   size="16"
@@ -2991,7 +2991,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                   width="16"
                 />
                 <div
-                  class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                   maxwidth="280"
                   title="@octocat"
                 >
@@ -3000,20 +3000,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               </div>
             </span>
             <span
-              class="Box-sc-g0xbh4-0 mhHOW"
+              class="Box-sc-g0xbh4-0 fRxPAP"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 bfvZWv"
+                class="Box-sc-g0xbh4-0 gUZDKK"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 0
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hxuUuW"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 gbsmlL"
               >
                  (
                 0
@@ -3023,7 +3023,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           </span>
         </button>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -3034,7 +3034,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           <button
             aria-describedby=":rh:-loading-announcement"
             aria-label="My Issues"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -3067,7 +3067,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           <button
             aria-describedby=":ri:-loading-announcement"
             aria-label="My Pull Requests"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -3097,7 +3097,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           <button
             aria-describedby=":rj:-loading-announcement"
             aria-label="No notifications for account"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -3128,7 +3128,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
       </div>
     </div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
       data-align="center"
       data-direction="vertical"
       data-justify="center"
@@ -3136,7 +3136,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
       data-wrap="nowrap"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="vertical"
         data-gap="condensed"
@@ -3145,7 +3145,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="vertical"
           data-gap="spacious"
@@ -3235,7 +3235,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
         class="Box-sc-g0xbh4-0 group pr-1 py-0.5 bg-gitify-account-rest"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -3245,7 +3245,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
         >
           <button
             aria-describedby=":r14:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-loading="false"
             data-no-visuals="true"
             data-testid="account-profile"
@@ -3254,7 +3254,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 srpGE"
+              class="Box-sc-g0xbh4-0 kBZRdd"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -3262,7 +3262,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -3273,7 +3273,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
                 >
                   <img
                     alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 kuZlm"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 eNjGPf"
                     data-component="Avatar"
                     height="16"
                     size="16"
@@ -3282,7 +3282,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
                     width="16"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -3291,20 +3291,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
                 </div>
               </span>
               <span
-                class="Box-sc-g0xbh4-0 mhHOW"
+                class="Box-sc-g0xbh4-0 fRxPAP"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 bfvZWv"
+                  class="Box-sc-g0xbh4-0 gUZDKK"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hxuUuW"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 gbsmlL"
                 >
                    (
                   2
@@ -3314,7 +3314,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
             </span>
           </button>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -3325,7 +3325,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
             <button
               aria-describedby=":r15:-loading-announcement"
               aria-label="My Issues"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -3358,7 +3358,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
             <button
               aria-describedby=":r16:-loading-announcement"
               aria-label="My Pull Requests"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -3388,7 +3388,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
             <button
               aria-describedby=":r17:-loading-announcement"
               aria-label="Show account notifications"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -3424,7 +3424,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
         class="Box-sc-g0xbh4-0 group pr-1 py-0.5 bg-gitify-account-rest"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -3434,7 +3434,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
         >
           <button
             aria-describedby=":r18:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-loading="false"
             data-no-visuals="true"
             data-testid="account-profile"
@@ -3443,7 +3443,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 srpGE"
+              class="Box-sc-g0xbh4-0 kBZRdd"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -3451,7 +3451,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -3462,7 +3462,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
                 >
                   <img
                     alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 kuZlm"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 eNjGPf"
                     data-component="Avatar"
                     height="16"
                     size="16"
@@ -3471,7 +3471,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
                     width="16"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -3480,20 +3480,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
                 </div>
               </span>
               <span
-                class="Box-sc-g0xbh4-0 mhHOW"
+                class="Box-sc-g0xbh4-0 fRxPAP"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 bfvZWv"
+                  class="Box-sc-g0xbh4-0 gUZDKK"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hxuUuW"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 gbsmlL"
                 >
                    (
                   2
@@ -3503,7 +3503,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
             </span>
           </button>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -3514,7 +3514,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
             <button
               aria-describedby=":r19:-loading-announcement"
               aria-label="My Issues"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -3547,7 +3547,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
             <button
               aria-describedby=":r1a:-loading-announcement"
               aria-label="My Pull Requests"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -3577,7 +3577,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
             <button
               aria-describedby=":r1b:-loading-announcement"
               aria-label="Hide account notifications"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -3617,7 +3617,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
       class="Box-sc-g0xbh4-0 group pr-1 py-0.5 bg-gitify-account-rest"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -3627,7 +3627,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
       >
         <button
           aria-describedby=":r18:-loading-announcement"
-          class="types__StyledButton-sc-ws60qy-0 kQRupk"
+          class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
           data-loading="false"
           data-no-visuals="true"
           data-testid="account-profile"
@@ -3636,7 +3636,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
           type="button"
         >
           <span
-            class="Box-sc-g0xbh4-0 srpGE"
+            class="Box-sc-g0xbh4-0 kBZRdd"
             data-component="buttonContent"
             sx="[object Object]"
           >
@@ -3644,7 +3644,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
               data-component="text"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -3655,7 +3655,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
               >
                 <img
                   alt="octocat"
-                  class="Avatar__StyledAvatar-sc-2lv0r8-0 kuZlm"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 eNjGPf"
                   data-component="Avatar"
                   height="16"
                   size="16"
@@ -3664,7 +3664,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
                   width="16"
                 />
                 <div
-                  class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                   maxwidth="280"
                   title="@octocat"
                 >
@@ -3673,20 +3673,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
               </div>
             </span>
             <span
-              class="Box-sc-g0xbh4-0 mhHOW"
+              class="Box-sc-g0xbh4-0 fRxPAP"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 bfvZWv"
+                class="Box-sc-g0xbh4-0 gUZDKK"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 2
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hxuUuW"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 gbsmlL"
               >
                  (
                 2
@@ -3696,7 +3696,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
           </span>
         </button>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-account-rest"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -3707,7 +3707,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
           <button
             aria-describedby=":r19:-loading-announcement"
             aria-label="My Issues"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -3740,7 +3740,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
           <button
             aria-describedby=":r1a:-loading-announcement"
             aria-label="My Pull Requests"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -3770,7 +3770,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
           <button
             aria-describedby=":r1b:-loading-announcement"
             aria-label="Hide account notifications"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
diff --git a/src/renderer/components/notifications/__snapshots__/NotificationFooter.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/NotificationFooter.test.tsx.snap
index a958bc5de..13f51c2ed 100644
--- a/src/renderer/components/notifications/__snapshots__/NotificationFooter.test.tsx.snap
+++ b/src/renderer/components/notifications/__snapshots__/NotificationFooter.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-xs opacity-80"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-xs opacity-80"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -20,7 +20,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
           title="gitify-app"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -31,7 +31,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
           >
             <img
               alt="gitify-app"
-              class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
               data-component="Avatar"
               height="14"
               size="14"
@@ -42,7 +42,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="stretch"
           data-direction="horizontal"
           data-gap="none"
@@ -51,13 +51,13 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
           data-wrap="nowrap"
         >
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ pr-1"
+            class="Text-sc-17v1xeu-0 kbcDeY pr-1"
             title="You're watching the repository."
           >
             Updated
           </span>
           <relative-time
-            class="sc-KXCwU"
+            class="sc-FEMpB"
             datetime="2017-05-20T17:51:57.000Z"
           >
             May 20, 2017
@@ -67,12 +67,12 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
           class="Box-sc-g0xbh4-0 flex gap-1"
         >
           <span
-            class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
             title="octocat approved these changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="none"
@@ -97,19 +97,19 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
                 />
               </svg>
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
               >
                 1
               </span>
             </div>
           </span>
           <span
-            class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
             title="gitify-app requested changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="none"
@@ -134,7 +134,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
                 />
               </svg>
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
               >
                 1
               </span>
@@ -146,7 +146,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-xs opacity-80"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-xs opacity-80"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -160,7 +160,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
         title="gitify-app"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -171,7 +171,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
         >
           <img
             alt="gitify-app"
-            class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+            class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
             data-component="Avatar"
             height="14"
             size="14"
@@ -182,7 +182,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
         </div>
       </div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="stretch"
         data-direction="horizontal"
         data-gap="none"
@@ -191,13 +191,13 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
         data-wrap="nowrap"
       >
         <span
-          class="Text-sc-17v1xeu-0 hmAFGJ pr-1"
+          class="Text-sc-17v1xeu-0 kbcDeY pr-1"
           title="You're watching the repository."
         >
           Updated
         </span>
         <relative-time
-          class="sc-KXCwU"
+          class="sc-FEMpB"
           datetime="2017-05-20T17:51:57.000Z"
         >
           May 20, 2017
@@ -207,12 +207,12 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
         class="Box-sc-g0xbh4-0 flex gap-1"
       >
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -237,19 +237,19 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -274,7 +274,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
@@ -343,7 +343,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-xs opacity-80"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-xs opacity-80"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -357,7 +357,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
           title="gitify-app"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -368,7 +368,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
           >
             <img
               alt="gitify-app"
-              class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
               data-component="Avatar"
               height="14"
               size="14"
@@ -379,7 +379,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="stretch"
           data-direction="horizontal"
           data-gap="none"
@@ -388,13 +388,13 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
           data-wrap="nowrap"
         >
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ pr-1"
+            class="Text-sc-17v1xeu-0 kbcDeY pr-1"
             title="You're watching the repository."
           >
             Updated
           </span>
           <relative-time
-            class="sc-KXCwU"
+            class="sc-FEMpB"
             datetime="2017-05-20T17:51:57.000Z"
           >
             May 20, 2017
@@ -404,12 +404,12 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
           class="Box-sc-g0xbh4-0 flex gap-1"
         >
           <span
-            class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
             title="octocat approved these changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="none"
@@ -434,19 +434,19 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
                 />
               </svg>
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
               >
                 1
               </span>
             </div>
           </span>
           <span
-            class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
             title="gitify-app requested changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="none"
@@ -471,7 +471,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
                 />
               </svg>
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
               >
                 1
               </span>
@@ -483,7 +483,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-xs opacity-80"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-xs opacity-80"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -497,7 +497,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
         title="gitify-app"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -508,7 +508,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
         >
           <img
             alt="gitify-app"
-            class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+            class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
             data-component="Avatar"
             height="14"
             size="14"
@@ -519,7 +519,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
         </div>
       </div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="stretch"
         data-direction="horizontal"
         data-gap="none"
@@ -528,13 +528,13 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
         data-wrap="nowrap"
       >
         <span
-          class="Text-sc-17v1xeu-0 hmAFGJ pr-1"
+          class="Text-sc-17v1xeu-0 kbcDeY pr-1"
           title="You're watching the repository."
         >
           Updated
         </span>
         <relative-time
-          class="sc-KXCwU"
+          class="sc-FEMpB"
           datetime="2017-05-20T17:51:57.000Z"
         >
           May 20, 2017
@@ -544,12 +544,12 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
         class="Box-sc-g0xbh4-0 flex gap-1"
       >
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -574,19 +574,19 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -611,7 +611,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
@@ -680,7 +680,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should default
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-xs opacity-80"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-xs opacity-80"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -689,7 +689,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should default
         data-wrap="wrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -716,7 +716,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should default
           </svg>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="stretch"
           data-direction="horizontal"
           data-gap="none"
@@ -725,13 +725,13 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should default
           data-wrap="nowrap"
         >
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ pr-1"
+            class="Text-sc-17v1xeu-0 kbcDeY pr-1"
             title="You're watching the repository."
           >
             Updated
           </span>
           <relative-time
-            class="sc-KXCwU"
+            class="sc-FEMpB"
             datetime="2017-05-20T17:51:57.000Z"
           >
             May 20, 2017
@@ -741,12 +741,12 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should default
           class="Box-sc-g0xbh4-0 flex gap-1"
         >
           <span
-            class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
             title="octocat approved these changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="none"
@@ -771,19 +771,19 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should default
                 />
               </svg>
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
               >
                 1
               </span>
             </div>
           </span>
           <span
-            class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
             title="gitify-app requested changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="none"
@@ -808,7 +808,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should default
                 />
               </svg>
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
               >
                 1
               </span>
@@ -820,7 +820,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should default
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-xs opacity-80"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-xs opacity-80"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -829,7 +829,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should default
       data-wrap="wrap"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -856,7 +856,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should default
         </svg>
       </div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="stretch"
         data-direction="horizontal"
         data-gap="none"
@@ -865,13 +865,13 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should default
         data-wrap="nowrap"
       >
         <span
-          class="Text-sc-17v1xeu-0 hmAFGJ pr-1"
+          class="Text-sc-17v1xeu-0 kbcDeY pr-1"
           title="You're watching the repository."
         >
           Updated
         </span>
         <relative-time
-          class="sc-KXCwU"
+          class="sc-FEMpB"
           datetime="2017-05-20T17:51:57.000Z"
         >
           May 20, 2017
@@ -881,12 +881,12 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should default
         class="Box-sc-g0xbh4-0 flex gap-1"
       >
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -911,19 +911,19 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should default
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -948,7 +948,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should default
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
@@ -1017,7 +1017,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-xs opacity-80"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-xs opacity-80"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -1031,7 +1031,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
           title="gitify-app"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1042,7 +1042,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
           >
             <img
               alt="gitify-app"
-              class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
               data-component="Avatar"
               height="14"
               size="14"
@@ -1053,7 +1053,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="stretch"
           data-direction="horizontal"
           data-gap="none"
@@ -1062,13 +1062,13 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
           data-wrap="nowrap"
         >
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ pr-1"
+            class="Text-sc-17v1xeu-0 kbcDeY pr-1"
             title="You're watching the repository."
           >
             Updated
           </span>
           <relative-time
-            class="sc-KXCwU"
+            class="sc-FEMpB"
             datetime="2017-05-20T17:51:57.000Z"
           >
             May 20, 2017
@@ -1078,12 +1078,12 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
           class="Box-sc-g0xbh4-0 flex gap-1"
         >
           <span
-            class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
             title="octocat approved these changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="none"
@@ -1108,19 +1108,19 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
                 />
               </svg>
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
               >
                 1
               </span>
             </div>
           </span>
           <span
-            class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
             title="gitify-app requested changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="none"
@@ -1145,7 +1145,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
                 />
               </svg>
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
               >
                 1
               </span>
@@ -1157,7 +1157,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-xs opacity-80"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-xs opacity-80"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -1171,7 +1171,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
         title="gitify-app"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1182,7 +1182,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
         >
           <img
             alt="gitify-app"
-            class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+            class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
             data-component="Avatar"
             height="14"
             size="14"
@@ -1193,7 +1193,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
         </div>
       </div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="stretch"
         data-direction="horizontal"
         data-gap="none"
@@ -1202,13 +1202,13 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
         data-wrap="nowrap"
       >
         <span
-          class="Text-sc-17v1xeu-0 hmAFGJ pr-1"
+          class="Text-sc-17v1xeu-0 kbcDeY pr-1"
           title="You're watching the repository."
         >
           Updated
         </span>
         <relative-time
-          class="sc-KXCwU"
+          class="sc-FEMpB"
           datetime="2017-05-20T17:51:57.000Z"
         >
           May 20, 2017
@@ -1218,12 +1218,12 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
         class="Box-sc-g0xbh4-0 flex gap-1"
       >
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -1248,19 +1248,19 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -1285,7 +1285,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
@@ -1354,7 +1354,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-xs opacity-80"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-xs opacity-80"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -1368,7 +1368,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
           title="gitify-app"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1379,7 +1379,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
           >
             <img
               alt="gitify-app"
-              class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
               data-component="Avatar"
               height="14"
               size="14"
@@ -1390,7 +1390,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="stretch"
           data-direction="horizontal"
           data-gap="none"
@@ -1399,13 +1399,13 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
           data-wrap="nowrap"
         >
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ pr-1"
+            class="Text-sc-17v1xeu-0 kbcDeY pr-1"
             title="You're watching the repository."
           >
             Updated
           </span>
           <relative-time
-            class="sc-KXCwU"
+            class="sc-FEMpB"
             datetime="2017-05-20T17:51:57.000Z"
           >
             May 20, 2017
@@ -1415,12 +1415,12 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
           class="Box-sc-g0xbh4-0 flex gap-1"
         >
           <span
-            class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
             title="octocat approved these changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="none"
@@ -1445,19 +1445,19 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
                 />
               </svg>
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
               >
                 1
               </span>
             </div>
           </span>
           <span
-            class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
             title="gitify-app requested changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="none"
@@ -1482,7 +1482,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
                 />
               </svg>
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
               >
                 1
               </span>
@@ -1494,7 +1494,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-xs opacity-80"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-xs opacity-80"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -1508,7 +1508,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
         title="gitify-app"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1519,7 +1519,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
         >
           <img
             alt="gitify-app"
-            class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+            class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
             data-component="Avatar"
             height="14"
             size="14"
@@ -1530,7 +1530,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
         </div>
       </div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="stretch"
         data-direction="horizontal"
         data-gap="none"
@@ -1539,13 +1539,13 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
         data-wrap="nowrap"
       >
         <span
-          class="Text-sc-17v1xeu-0 hmAFGJ pr-1"
+          class="Text-sc-17v1xeu-0 kbcDeY pr-1"
           title="You're watching the repository."
         >
           Updated
         </span>
         <relative-time
-          class="sc-KXCwU"
+          class="sc-FEMpB"
           datetime="2017-05-20T17:51:57.000Z"
         >
           May 20, 2017
@@ -1555,12 +1555,12 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
         class="Box-sc-g0xbh4-0 flex gap-1"
       >
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -1585,19 +1585,19 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -1622,7 +1622,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
               />
             </svg>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
             >
               1
             </span>
diff --git a/src/renderer/components/notifications/__snapshots__/NotificationHeader.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/NotificationHeader.test.tsx.snap
index fcc6f0d11..83df9ad07 100644
--- a/src/renderer/components/notifications/__snapshots__/NotificationHeader.test.tsx.snap
+++ b/src/renderer/components/notifications/__snapshots__/NotificationHeader.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
         class="Box-sc-g0xbh4-0 py-0.5"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -23,7 +23,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
             title="Open repository"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -34,7 +34,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
             >
               <img
                 alt="gitify-app/notifications-test"
-                class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+                class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
                 data-component="Avatar"
                 height="14"
                 size="14"
@@ -43,7 +43,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
                 width="14"
               />
               <div
-                class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                 maxwidth="280"
                 title="gitify-app/notifications-test"
               >
@@ -63,7 +63,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
       class="Box-sc-g0xbh4-0 py-0.5"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -77,7 +77,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
           title="Open repository"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -88,7 +88,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
           >
             <img
               alt="gitify-app/notifications-test"
-              class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
               data-component="Avatar"
               height="14"
               size="14"
@@ -97,7 +97,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
               width="14"
             />
             <div
-              class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+              class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
               maxwidth="280"
               title="gitify-app/notifications-test"
             >
@@ -174,7 +174,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
         class="Box-sc-g0xbh4-0 py-0.5"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -188,7 +188,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
             title="Open repository"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -199,7 +199,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
             >
               <img
                 alt="gitify-app/notifications-test"
-                class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+                class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
                 data-component="Avatar"
                 height="14"
                 size="14"
@@ -208,7 +208,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
                 width="14"
               />
               <div
-                class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                 maxwidth="280"
                 title="gitify-app/notifications-test"
               >
@@ -228,7 +228,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
       class="Box-sc-g0xbh4-0 py-0.5"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -242,7 +242,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
           title="Open repository"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -253,7 +253,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
           >
             <img
               alt="gitify-app/notifications-test"
-              class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
               data-component="Avatar"
               height="14"
               size="14"
@@ -262,7 +262,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
               width="14"
             />
             <div
-              class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+              class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
               maxwidth="280"
               title="gitify-app/notifications-test"
             >
@@ -339,7 +339,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
         class="Box-sc-g0xbh4-0 py-0.5"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -353,7 +353,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
             title="Open repository"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -364,7 +364,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
             >
               <img
                 alt="gitify-app/notifications-test"
-                class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+                class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
                 data-component="Avatar"
                 height="14"
                 size="14"
@@ -373,7 +373,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
                 width="14"
               />
               <div
-                class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                 maxwidth="280"
                 title="gitify-app/notifications-test"
               >
@@ -393,7 +393,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
       class="Box-sc-g0xbh4-0 py-0.5"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -407,7 +407,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
           title="Open repository"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -418,7 +418,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
           >
             <img
               alt="gitify-app/notifications-test"
-              class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
               data-component="Avatar"
               height="14"
               size="14"
@@ -427,7 +427,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
               width="14"
             />
             <div
-              class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+              class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
               maxwidth="280"
               title="gitify-app/notifications-test"
             >
diff --git a/src/renderer/components/notifications/__snapshots__/NotificationRow.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/NotificationRow.test.tsx.snap
index ffba6afb9..e254af31d 100644
--- a/src/renderer/components/notifications/__snapshots__/NotificationRow.test.tsx.snap
+++ b/src/renderer/components/notifications/__snapshots__/NotificationRow.test.tsx.snap
@@ -10,7 +10,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
         id="138661096"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -20,7 +20,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
         >
           <span
             aria-label="Open Issue"
-            class="Tooltip__TooltipBase-sc-17tf59c-0 fcVRmg tooltipped-e"
+            class="Tooltip__TooltipBase-sc-17tf59c-0 iKRGON tooltipped-e"
             id=":r0:"
             role="tooltip"
           >
@@ -45,7 +45,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
             </svg>
           </span>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY cursor-pointer text-sm w-full truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ cursor-pointer text-sm w-full truncate"
             data-align="stretch"
             data-direction="vertical"
             data-gap="none"
@@ -57,7 +57,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
               class="Box-sc-g0xbh4-0 py-0.5"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -71,7 +71,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                   title="Open repository"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                     data-align="center"
                     data-direction="horizontal"
                     data-gap="condensed"
@@ -82,7 +82,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                   >
                     <img
                       alt="gitify-app/notifications-test"
-                      class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+                      class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
                       data-component="Avatar"
                       height="14"
                       size="14"
@@ -91,7 +91,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                       width="14"
                     />
                     <div
-                      class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                      class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                       maxwidth="280"
                       title="gitify-app/notifications-test"
                     >
@@ -105,7 +105,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
               </div>
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY mb-0.5 truncate"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ mb-0.5 truncate"
               data-align="start"
               data-direction="horizontal"
               data-gap="condensed"
@@ -116,16 +116,16 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
               title="I am a robot and this is a test!"
             >
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ truncate"
+                class="Text-sc-17v1xeu-0 kbcDeY truncate"
               >
                 I am a robot and this is a test!
               </span>
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ text-xxs ml-auto mr-2 opacity-50 hidden"
+                class="Text-sc-17v1xeu-0 kbcDeY text-xxs ml-auto mr-2 opacity-50 hidden"
               />
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-xs opacity-80"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-xs opacity-80"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -139,7 +139,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                 title="gitify-app"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -150,7 +150,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                 >
                   <img
                     alt="gitify-app"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
                     data-component="Avatar"
                     height="14"
                     size="14"
@@ -161,7 +161,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                 </div>
               </div>
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="stretch"
                 data-direction="horizontal"
                 data-gap="none"
@@ -170,13 +170,13 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                 data-wrap="nowrap"
               >
                 <span
-                  class="Text-sc-17v1xeu-0 hmAFGJ pr-1"
+                  class="Text-sc-17v1xeu-0 kbcDeY pr-1"
                   title="You're watching the repository."
                 >
                   Updated
                 </span>
                 <relative-time
-                  class="sc-KXCwU"
+                  class="sc-FEMpB"
                   datetime="2017-05-20T17:51:57.000Z"
                 >
                   May 20, 2017
@@ -186,12 +186,12 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                 class="Box-sc-g0xbh4-0 flex gap-1"
               >
                 <span
-                  class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
                   title="octocat approved these changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                     data-align="center"
                     data-direction="horizontal"
                     data-gap="none"
@@ -216,19 +216,19 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                       />
                     </svg>
                     <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
                     >
                       1
                     </span>
                   </div>
                 </span>
                 <span
-                  class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
                   title="gitify-app requested changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                     data-align="center"
                     data-direction="horizontal"
                     data-gap="none"
@@ -253,7 +253,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                       />
                     </svg>
                     <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
                     >
                       1
                     </span>
@@ -263,7 +263,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-notification-hover"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-notification-hover"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -274,7 +274,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
             <button
               aria-describedby=":r1:-loading-announcement"
               aria-label="Mark as done"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -304,7 +304,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
             <button
               aria-describedby=":r2:-loading-announcement"
               aria-label="Mark as read"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -334,7 +334,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
             <button
               aria-describedby=":r3:-loading-announcement"
               aria-label="Unsubscribe from thread"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -372,7 +372,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
       id="138661096"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -382,7 +382,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
       >
         <span
           aria-label="Open Issue"
-          class="Tooltip__TooltipBase-sc-17tf59c-0 fcVRmg tooltipped-e"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 iKRGON tooltipped-e"
           id=":r0:"
           role="tooltip"
         >
@@ -407,7 +407,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
           </svg>
         </span>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY cursor-pointer text-sm w-full truncate"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ cursor-pointer text-sm w-full truncate"
           data-align="stretch"
           data-direction="vertical"
           data-gap="none"
@@ -419,7 +419,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
             class="Box-sc-g0xbh4-0 py-0.5"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -433,7 +433,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                 title="Open repository"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -444,7 +444,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                 >
                   <img
                     alt="gitify-app/notifications-test"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
                     data-component="Avatar"
                     height="14"
                     size="14"
@@ -453,7 +453,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                     width="14"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                     maxwidth="280"
                     title="gitify-app/notifications-test"
                   >
@@ -467,7 +467,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY mb-0.5 truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ mb-0.5 truncate"
             data-align="start"
             data-direction="horizontal"
             data-gap="condensed"
@@ -478,16 +478,16 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
             title="I am a robot and this is a test!"
           >
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ truncate"
+              class="Text-sc-17v1xeu-0 kbcDeY truncate"
             >
               I am a robot and this is a test!
             </span>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs ml-auto mr-2 opacity-50 hidden"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs ml-auto mr-2 opacity-50 hidden"
             />
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-xs opacity-80"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-xs opacity-80"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -501,7 +501,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
               title="gitify-app"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -512,7 +512,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
               >
                 <img
                   alt="gitify-app"
-                  class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
                   data-component="Avatar"
                   height="14"
                   size="14"
@@ -523,7 +523,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
               </div>
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="stretch"
               data-direction="horizontal"
               data-gap="none"
@@ -532,13 +532,13 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
               data-wrap="nowrap"
             >
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ pr-1"
+                class="Text-sc-17v1xeu-0 kbcDeY pr-1"
                 title="You're watching the repository."
               >
                 Updated
               </span>
               <relative-time
-                class="sc-KXCwU"
+                class="sc-FEMpB"
                 datetime="2017-05-20T17:51:57.000Z"
               >
                 May 20, 2017
@@ -548,12 +548,12 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
               class="Box-sc-g0xbh4-0 flex gap-1"
             >
               <span
-                class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
                 title="octocat approved these changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="none"
@@ -578,19 +578,19 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
                   >
                     1
                   </span>
                 </div>
               </span>
               <span
-                class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
                 title="gitify-app requested changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="none"
@@ -615,7 +615,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
                   >
                     1
                   </span>
@@ -625,7 +625,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-notification-hover"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-notification-hover"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -636,7 +636,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
           <button
             aria-describedby=":r1:-loading-announcement"
             aria-label="Mark as done"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -666,7 +666,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
           <button
             aria-describedby=":r2:-loading-announcement"
             aria-label="Mark as read"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -696,7 +696,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
           <button
             aria-describedby=":r3:-loading-announcement"
             aria-label="Unsubscribe from thread"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -791,7 +791,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
         id="138661096"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -801,7 +801,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
         >
           <span
             aria-label="Open Issue"
-            class="Tooltip__TooltipBase-sc-17tf59c-0 fcVRmg tooltipped-e"
+            class="Tooltip__TooltipBase-sc-17tf59c-0 iKRGON tooltipped-e"
             id=":r4:"
             role="tooltip"
           >
@@ -826,7 +826,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
             </svg>
           </span>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY cursor-pointer text-sm w-full truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ cursor-pointer text-sm w-full truncate"
             data-align="stretch"
             data-direction="vertical"
             data-gap="none"
@@ -835,7 +835,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
             data-wrap="nowrap"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY mb-0.5 truncate"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ mb-0.5 truncate"
               data-align="start"
               data-direction="horizontal"
               data-gap="condensed"
@@ -846,16 +846,16 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
               title="I am a robot and this is a test!"
             >
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ truncate"
+                class="Text-sc-17v1xeu-0 kbcDeY truncate"
               >
                 I am a robot and this is a test!
               </span>
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ text-xxs ml-auto mr-2 opacity-50"
+                class="Text-sc-17v1xeu-0 kbcDeY text-xxs ml-auto mr-2 opacity-50"
               />
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-xs opacity-80"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-xs opacity-80"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -869,7 +869,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                 title="gitify-app"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -880,7 +880,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                 >
                   <img
                     alt="gitify-app"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
                     data-component="Avatar"
                     height="14"
                     size="14"
@@ -891,7 +891,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                 </div>
               </div>
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="stretch"
                 data-direction="horizontal"
                 data-gap="none"
@@ -900,13 +900,13 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                 data-wrap="nowrap"
               >
                 <span
-                  class="Text-sc-17v1xeu-0 hmAFGJ pr-1"
+                  class="Text-sc-17v1xeu-0 kbcDeY pr-1"
                   title="You're watching the repository."
                 >
                   Updated
                 </span>
                 <relative-time
-                  class="sc-KXCwU"
+                  class="sc-FEMpB"
                   datetime="2017-05-20T17:51:57.000Z"
                 >
                   May 20, 2017
@@ -916,12 +916,12 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                 class="Box-sc-g0xbh4-0 flex gap-1"
               >
                 <span
-                  class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
                   title="octocat approved these changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                     data-align="center"
                     data-direction="horizontal"
                     data-gap="none"
@@ -946,19 +946,19 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                       />
                     </svg>
                     <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
                     >
                       1
                     </span>
                   </div>
                 </span>
                 <span
-                  class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
                   title="gitify-app requested changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                     data-align="center"
                     data-direction="horizontal"
                     data-gap="none"
@@ -983,7 +983,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                       />
                     </svg>
                     <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
                     >
                       1
                     </span>
@@ -993,7 +993,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-notification-hover"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-notification-hover"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -1004,7 +1004,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
             <button
               aria-describedby=":r5:-loading-announcement"
               aria-label="Mark as done"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1034,7 +1034,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
             <button
               aria-describedby=":r6:-loading-announcement"
               aria-label="Mark as read"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1064,7 +1064,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
             <button
               aria-describedby=":r7:-loading-announcement"
               aria-label="Unsubscribe from thread"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1102,7 +1102,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
       id="138661096"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -1112,7 +1112,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
       >
         <span
           aria-label="Open Issue"
-          class="Tooltip__TooltipBase-sc-17tf59c-0 fcVRmg tooltipped-e"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 iKRGON tooltipped-e"
           id=":r4:"
           role="tooltip"
         >
@@ -1137,7 +1137,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
           </svg>
         </span>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY cursor-pointer text-sm w-full truncate"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ cursor-pointer text-sm w-full truncate"
           data-align="stretch"
           data-direction="vertical"
           data-gap="none"
@@ -1146,7 +1146,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY mb-0.5 truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ mb-0.5 truncate"
             data-align="start"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1157,16 +1157,16 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
             title="I am a robot and this is a test!"
           >
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ truncate"
+              class="Text-sc-17v1xeu-0 kbcDeY truncate"
             >
               I am a robot and this is a test!
             </span>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs ml-auto mr-2 opacity-50"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs ml-auto mr-2 opacity-50"
             />
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-xs opacity-80"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-xs opacity-80"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1180,7 +1180,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
               title="gitify-app"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -1191,7 +1191,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
               >
                 <img
                   alt="gitify-app"
-                  class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
                   data-component="Avatar"
                   height="14"
                   size="14"
@@ -1202,7 +1202,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
               </div>
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="stretch"
               data-direction="horizontal"
               data-gap="none"
@@ -1211,13 +1211,13 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
               data-wrap="nowrap"
             >
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ pr-1"
+                class="Text-sc-17v1xeu-0 kbcDeY pr-1"
                 title="You're watching the repository."
               >
                 Updated
               </span>
               <relative-time
-                class="sc-KXCwU"
+                class="sc-FEMpB"
                 datetime="2017-05-20T17:51:57.000Z"
               >
                 May 20, 2017
@@ -1227,12 +1227,12 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
               class="Box-sc-g0xbh4-0 flex gap-1"
             >
               <span
-                class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
                 title="octocat approved these changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="none"
@@ -1257,19 +1257,19 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
                   >
                     1
                   </span>
                 </div>
               </span>
               <span
-                class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
                 title="gitify-app requested changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="none"
@@ -1294,7 +1294,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
                   >
                     1
                   </span>
@@ -1304,7 +1304,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-notification-hover"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-notification-hover"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -1315,7 +1315,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
           <button
             aria-describedby=":r5:-loading-announcement"
             aria-label="Mark as done"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -1345,7 +1345,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
           <button
             aria-describedby=":r6:-loading-announcement"
             aria-label="Mark as read"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -1375,7 +1375,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
           <button
             aria-describedby=":r7:-loading-announcement"
             aria-label="Unsubscribe from thread"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -1470,7 +1470,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
         id="138661096"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1480,7 +1480,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
         >
           <span
             aria-label="Open Issue"
-            class="Tooltip__TooltipBase-sc-17tf59c-0 fcVRmg tooltipped-e"
+            class="Tooltip__TooltipBase-sc-17tf59c-0 iKRGON tooltipped-e"
             id=":r8:"
             role="tooltip"
           >
@@ -1505,7 +1505,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
             </svg>
           </span>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY cursor-pointer text-sm w-full truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ cursor-pointer text-sm w-full truncate"
             data-align="stretch"
             data-direction="vertical"
             data-gap="none"
@@ -1514,7 +1514,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
             data-wrap="nowrap"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY mb-0.5 truncate"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ mb-0.5 truncate"
               data-align="start"
               data-direction="horizontal"
               data-gap="condensed"
@@ -1525,16 +1525,16 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
               title="I am a robot and this is a test!"
             >
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ truncate"
+                class="Text-sc-17v1xeu-0 kbcDeY truncate"
               >
                 I am a robot and this is a test!
               </span>
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ text-xxs ml-auto mr-2 opacity-50 hidden"
+                class="Text-sc-17v1xeu-0 kbcDeY text-xxs ml-auto mr-2 opacity-50 hidden"
               />
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-xs opacity-80"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-xs opacity-80"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -1548,7 +1548,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                 title="gitify-app"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1559,7 +1559,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                 >
                   <img
                     alt="gitify-app"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
                     data-component="Avatar"
                     height="14"
                     size="14"
@@ -1570,7 +1570,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                 </div>
               </div>
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="stretch"
                 data-direction="horizontal"
                 data-gap="none"
@@ -1579,13 +1579,13 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                 data-wrap="nowrap"
               >
                 <span
-                  class="Text-sc-17v1xeu-0 hmAFGJ pr-1"
+                  class="Text-sc-17v1xeu-0 kbcDeY pr-1"
                   title="You're watching the repository."
                 >
                   Updated
                 </span>
                 <relative-time
-                  class="sc-KXCwU"
+                  class="sc-FEMpB"
                   datetime="2017-05-20T17:51:57.000Z"
                 >
                   May 20, 2017
@@ -1595,12 +1595,12 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                 class="Box-sc-g0xbh4-0 flex gap-1"
               >
                 <span
-                  class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
                   title="octocat approved these changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                     data-align="center"
                     data-direction="horizontal"
                     data-gap="none"
@@ -1625,19 +1625,19 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                       />
                     </svg>
                     <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
                     >
                       1
                     </span>
                   </div>
                 </span>
                 <span
-                  class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
                   title="gitify-app requested changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                     data-align="center"
                     data-direction="horizontal"
                     data-gap="none"
@@ -1662,7 +1662,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                       />
                     </svg>
                     <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
                     >
                       1
                     </span>
@@ -1672,7 +1672,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-notification-hover"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-notification-hover"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -1683,7 +1683,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
             <button
               aria-describedby=":r9:-loading-announcement"
               aria-label="Mark as done"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1713,7 +1713,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
             <button
               aria-describedby=":ra:-loading-announcement"
               aria-label="Mark as read"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1743,7 +1743,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
             <button
               aria-describedby=":rb:-loading-announcement"
               aria-label="Unsubscribe from thread"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1781,7 +1781,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
       id="138661096"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -1791,7 +1791,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
       >
         <span
           aria-label="Open Issue"
-          class="Tooltip__TooltipBase-sc-17tf59c-0 fcVRmg tooltipped-e"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 iKRGON tooltipped-e"
           id=":r8:"
           role="tooltip"
         >
@@ -1816,7 +1816,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
           </svg>
         </span>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY cursor-pointer text-sm w-full truncate"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ cursor-pointer text-sm w-full truncate"
           data-align="stretch"
           data-direction="vertical"
           data-gap="none"
@@ -1825,7 +1825,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY mb-0.5 truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ mb-0.5 truncate"
             data-align="start"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1836,16 +1836,16 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
             title="I am a robot and this is a test!"
           >
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ truncate"
+              class="Text-sc-17v1xeu-0 kbcDeY truncate"
             >
               I am a robot and this is a test!
             </span>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xxs ml-auto mr-2 opacity-50 hidden"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xxs ml-auto mr-2 opacity-50 hidden"
             />
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-xs opacity-80"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-xs opacity-80"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1859,7 +1859,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
               title="gitify-app"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -1870,7 +1870,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
               >
                 <img
                   alt="gitify-app"
-                  class="Avatar__StyledAvatar-sc-2lv0r8-0 htlvKA"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 cZVhDh"
                   data-component="Avatar"
                   height="14"
                   size="14"
@@ -1881,7 +1881,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
               </div>
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="stretch"
               data-direction="horizontal"
               data-gap="none"
@@ -1890,13 +1890,13 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
               data-wrap="nowrap"
             >
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ pr-1"
+                class="Text-sc-17v1xeu-0 kbcDeY pr-1"
                 title="You're watching the repository."
               >
                 Updated
               </span>
               <relative-time
-                class="sc-KXCwU"
+                class="sc-FEMpB"
                 datetime="2017-05-20T17:51:57.000Z"
               >
                 May 20, 2017
@@ -1906,12 +1906,12 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
               class="Box-sc-g0xbh4-0 flex gap-1"
             >
               <span
-                class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
                 title="octocat approved these changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="none"
@@ -1936,19 +1936,19 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
                   >
                     1
                   </span>
                 </div>
               </span>
               <span
-                class="Label__StyledLabel-sc-1dgcne-0 bEDWlT hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 LUrEa hover:bg-gitify-notification-pill-hover"
                 title="gitify-app requested changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="none"
@@ -1973,7 +1973,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 kbcDeY text-xxs px-1"
                   >
                     1
                   </span>
@@ -1983,7 +1983,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-notification-hover"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-notification-hover"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -1994,7 +1994,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
           <button
             aria-describedby=":r9:-loading-announcement"
             aria-label="Mark as done"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -2024,7 +2024,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
           <button
             aria-describedby=":ra:-loading-announcement"
             aria-label="Mark as read"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -2054,7 +2054,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
           <button
             aria-describedby=":rb:-loading-announcement"
             aria-label="Unsubscribe from thread"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
diff --git a/src/renderer/components/notifications/__snapshots__/RepositoryNotifications.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/RepositoryNotifications.test.tsx.snap
index 96017b519..5f07483d2 100644
--- a/src/renderer/components/notifications/__snapshots__/RepositoryNotifications.test.tsx.snap
+++ b/src/renderer/components/notifications/__snapshots__/RepositoryNotifications.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
         class="Box-sc-g0xbh4-0 group pr-1 py-0.5 bg-gitify-repository"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -19,7 +19,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
         >
           <button
             aria-describedby=":r0:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-loading="false"
             data-no-visuals="true"
             data-testid="open-repository"
@@ -28,7 +28,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 srpGE"
+              class="Box-sc-g0xbh4-0 kBZRdd"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -36,7 +36,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -47,7 +47,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
                 >
                   <img
                     alt="gitify-app/notifications-test"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 bGlcDY"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 iCqxVB"
                     data-component="Avatar"
                     height="18"
                     size="18"
@@ -56,7 +56,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
                     width="18"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                     maxwidth="280"
                     title="gitify-app/notifications-test"
                   >
@@ -65,20 +65,20 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
                 </div>
               </span>
               <span
-                class="Box-sc-g0xbh4-0 mhHOW"
+                class="Box-sc-g0xbh4-0 fRxPAP"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 bfvZWv"
+                  class="Box-sc-g0xbh4-0 gUZDKK"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hxuUuW"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 gbsmlL"
                 >
                    (
                   2
@@ -88,7 +88,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
             </span>
           </button>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -99,7 +99,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
             <button
               aria-describedby=":r1:-loading-announcement"
               aria-label="Mark repository as done"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -129,7 +129,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
             <button
               aria-describedby=":r2:-loading-announcement"
               aria-label="Mark repository as read"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -159,7 +159,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
             <button
               aria-describedby=":r3:-loading-announcement"
               aria-label="Hide repository notifications"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -202,7 +202,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
       class="Box-sc-g0xbh4-0 group pr-1 py-0.5 bg-gitify-repository"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -212,7 +212,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
       >
         <button
           aria-describedby=":r0:-loading-announcement"
-          class="types__StyledButton-sc-ws60qy-0 kQRupk"
+          class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
           data-loading="false"
           data-no-visuals="true"
           data-testid="open-repository"
@@ -221,7 +221,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
           type="button"
         >
           <span
-            class="Box-sc-g0xbh4-0 srpGE"
+            class="Box-sc-g0xbh4-0 kBZRdd"
             data-component="buttonContent"
             sx="[object Object]"
           >
@@ -229,7 +229,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
               data-component="text"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -240,7 +240,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
               >
                 <img
                   alt="gitify-app/notifications-test"
-                  class="Avatar__StyledAvatar-sc-2lv0r8-0 bGlcDY"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 iCqxVB"
                   data-component="Avatar"
                   height="18"
                   size="18"
@@ -249,7 +249,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
                   width="18"
                 />
                 <div
-                  class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                   maxwidth="280"
                   title="gitify-app/notifications-test"
                 >
@@ -258,20 +258,20 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
               </div>
             </span>
             <span
-              class="Box-sc-g0xbh4-0 mhHOW"
+              class="Box-sc-g0xbh4-0 fRxPAP"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 bfvZWv"
+                class="Box-sc-g0xbh4-0 gUZDKK"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 2
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hxuUuW"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 gbsmlL"
               >
                  (
                 2
@@ -281,7 +281,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
           </span>
         </button>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -292,7 +292,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
           <button
             aria-describedby=":r1:-loading-announcement"
             aria-label="Mark repository as done"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -322,7 +322,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
           <button
             aria-describedby=":r2:-loading-announcement"
             aria-label="Mark repository as read"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -352,7 +352,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
           <button
             aria-describedby=":r3:-loading-announcement"
             aria-label="Hide repository notifications"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -452,7 +452,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
         class="Box-sc-g0xbh4-0 group pr-1 py-0.5 bg-gitify-repository"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -462,7 +462,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
         >
           <button
             aria-describedby=":rk:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-loading="false"
             data-no-visuals="true"
             data-testid="open-repository"
@@ -471,7 +471,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 srpGE"
+              class="Box-sc-g0xbh4-0 kBZRdd"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -479,7 +479,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -505,7 +505,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
                     />
                   </svg>
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                     maxwidth="280"
                     title="gitify-app/notifications-test"
                   >
@@ -514,20 +514,20 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
                 </div>
               </span>
               <span
-                class="Box-sc-g0xbh4-0 mhHOW"
+                class="Box-sc-g0xbh4-0 fRxPAP"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 bfvZWv"
+                  class="Box-sc-g0xbh4-0 gUZDKK"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hxuUuW"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 gbsmlL"
                 >
                    (
                   2
@@ -537,7 +537,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
             </span>
           </button>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -548,7 +548,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
             <button
               aria-describedby=":rl:-loading-announcement"
               aria-label="Mark repository as done"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -578,7 +578,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
             <button
               aria-describedby=":rm:-loading-announcement"
               aria-label="Mark repository as read"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -608,7 +608,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
             <button
               aria-describedby=":rn:-loading-announcement"
               aria-label="Show repository notifications"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -644,7 +644,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
         class="Box-sc-g0xbh4-0 group pr-1 py-0.5 bg-gitify-repository"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -654,7 +654,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
         >
           <button
             aria-describedby=":ro:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-loading="false"
             data-no-visuals="true"
             data-testid="open-repository"
@@ -663,7 +663,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 srpGE"
+              class="Box-sc-g0xbh4-0 kBZRdd"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -671,7 +671,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -697,7 +697,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
                     />
                   </svg>
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                     maxwidth="280"
                     title="gitify-app/notifications-test"
                   >
@@ -706,20 +706,20 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
                 </div>
               </span>
               <span
-                class="Box-sc-g0xbh4-0 mhHOW"
+                class="Box-sc-g0xbh4-0 fRxPAP"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 bfvZWv"
+                  class="Box-sc-g0xbh4-0 gUZDKK"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hxuUuW"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 gbsmlL"
                 >
                    (
                   2
@@ -729,7 +729,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
             </span>
           </button>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -740,7 +740,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
             <button
               aria-describedby=":rp:-loading-announcement"
               aria-label="Mark repository as done"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -770,7 +770,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
             <button
               aria-describedby=":rq:-loading-announcement"
               aria-label="Mark repository as read"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -800,7 +800,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
             <button
               aria-describedby=":rr:-loading-announcement"
               aria-label="Hide repository notifications"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -843,7 +843,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
       class="Box-sc-g0xbh4-0 group pr-1 py-0.5 bg-gitify-repository"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -853,7 +853,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
       >
         <button
           aria-describedby=":ro:-loading-announcement"
-          class="types__StyledButton-sc-ws60qy-0 kQRupk"
+          class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
           data-loading="false"
           data-no-visuals="true"
           data-testid="open-repository"
@@ -862,7 +862,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
           type="button"
         >
           <span
-            class="Box-sc-g0xbh4-0 srpGE"
+            class="Box-sc-g0xbh4-0 kBZRdd"
             data-component="buttonContent"
             sx="[object Object]"
           >
@@ -870,7 +870,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
               data-component="text"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -896,7 +896,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
                   />
                 </svg>
                 <div
-                  class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                   maxwidth="280"
                   title="gitify-app/notifications-test"
                 >
@@ -905,20 +905,20 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
               </div>
             </span>
             <span
-              class="Box-sc-g0xbh4-0 mhHOW"
+              class="Box-sc-g0xbh4-0 fRxPAP"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 bfvZWv"
+                class="Box-sc-g0xbh4-0 gUZDKK"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 2
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hxuUuW"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 gbsmlL"
               >
                  (
                 2
@@ -928,7 +928,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
           </span>
         </button>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -939,7 +939,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
           <button
             aria-describedby=":rp:-loading-announcement"
             aria-label="Mark repository as done"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -969,7 +969,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
           <button
             aria-describedby=":rq:-loading-announcement"
             aria-label="Mark repository as read"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -999,7 +999,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
           <button
             aria-describedby=":rr:-loading-announcement"
             aria-label="Hide repository notifications"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -1099,7 +1099,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
         class="Box-sc-g0xbh4-0 group pr-1 py-0.5 bg-gitify-repository"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1109,7 +1109,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
         >
           <button
             aria-describedby=":rg:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-loading="false"
             data-no-visuals="true"
             data-testid="open-repository"
@@ -1118,7 +1118,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 srpGE"
+              class="Box-sc-g0xbh4-0 kBZRdd"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -1126,7 +1126,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1152,7 +1152,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
                     />
                   </svg>
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                     maxwidth="280"
                     title="gitify-app/notifications-test"
                   >
@@ -1161,20 +1161,20 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
                 </div>
               </span>
               <span
-                class="Box-sc-g0xbh4-0 mhHOW"
+                class="Box-sc-g0xbh4-0 fRxPAP"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 bfvZWv"
+                  class="Box-sc-g0xbh4-0 gUZDKK"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hxuUuW"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 gbsmlL"
                 >
                    (
                   2
@@ -1184,7 +1184,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
             </span>
           </button>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
             data-align="center"
             data-direction="horizontal"
             data-gap="none"
@@ -1195,7 +1195,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
             <button
               aria-describedby=":rh:-loading-announcement"
               aria-label="Mark repository as done"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1225,7 +1225,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
             <button
               aria-describedby=":ri:-loading-announcement"
               aria-label="Mark repository as read"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1255,7 +1255,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
             <button
               aria-describedby=":rj:-loading-announcement"
               aria-label="Hide repository notifications"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1298,7 +1298,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
       class="Box-sc-g0xbh4-0 group pr-1 py-0.5 bg-gitify-repository"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ relative"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -1308,7 +1308,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
       >
         <button
           aria-describedby=":rg:-loading-announcement"
-          class="types__StyledButton-sc-ws60qy-0 kQRupk"
+          class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
           data-loading="false"
           data-no-visuals="true"
           data-testid="open-repository"
@@ -1317,7 +1317,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
           type="button"
         >
           <span
-            class="Box-sc-g0xbh4-0 srpGE"
+            class="Box-sc-g0xbh4-0 kBZRdd"
             data-component="buttonContent"
             sx="[object Object]"
           >
@@ -1325,7 +1325,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
               data-component="text"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -1351,7 +1351,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
                   />
                 </svg>
                 <div
-                  class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                   maxwidth="280"
                   title="gitify-app/notifications-test"
                 >
@@ -1360,20 +1360,20 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
               </div>
             </span>
             <span
-              class="Box-sc-g0xbh4-0 mhHOW"
+              class="Box-sc-g0xbh4-0 fRxPAP"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 bfvZWv"
+                class="Box-sc-g0xbh4-0 gUZDKK"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 2
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hxuUuW"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 gbsmlL"
               >
                  (
                 2
@@ -1383,7 +1383,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
           </span>
         </button>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
           data-align="center"
           data-direction="horizontal"
           data-gap="none"
@@ -1394,7 +1394,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
           <button
             aria-describedby=":rh:-loading-announcement"
             aria-label="Mark repository as done"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -1424,7 +1424,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
           <button
             aria-describedby=":ri:-loading-announcement"
             aria-label="Mark repository as read"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -1454,7 +1454,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
           <button
             aria-describedby=":rj:-loading-announcement"
             aria-label="Hide repository notifications"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
diff --git a/src/renderer/components/primitives/__snapshots__/Footer.test.tsx.snap b/src/renderer/components/primitives/__snapshots__/Footer.test.tsx.snap
index fa9fe3d24..dfb9c4efb 100644
--- a/src/renderer/components/primitives/__snapshots__/Footer.test.tsx.snap
+++ b/src/renderer/components/primitives/__snapshots__/Footer.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`renderer/components/primitives/Footer.tsx should render itself & its ch
         class="Box-sc-g0xbh4-0 fixed bottom-0 left-sidebar right-0 bg-gitify-footer"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="stretch"
           data-direction="horizontal"
           data-justify="end"
@@ -26,7 +26,7 @@ exports[`renderer/components/primitives/Footer.tsx should render itself & its ch
       class="Box-sc-g0xbh4-0 fixed bottom-0 left-sidebar right-0 bg-gitify-footer"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="stretch"
         data-direction="horizontal"
         data-justify="end"
@@ -100,7 +100,7 @@ exports[`renderer/components/primitives/Footer.tsx should render itself & its ch
         class="Box-sc-g0xbh4-0 fixed bottom-0 left-sidebar right-0 bg-gitify-footer"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="stretch"
           data-direction="horizontal"
           data-justify="space-between"
@@ -117,7 +117,7 @@ exports[`renderer/components/primitives/Footer.tsx should render itself & its ch
       class="Box-sc-g0xbh4-0 fixed bottom-0 left-sidebar right-0 bg-gitify-footer"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="stretch"
         data-direction="horizontal"
         data-justify="space-between"
diff --git a/src/renderer/components/primitives/__snapshots__/Header.test.tsx.snap b/src/renderer/components/primitives/__snapshots__/Header.test.tsx.snap
index 7008c4ec5..691478343 100644
--- a/src/renderer/components/primitives/__snapshots__/Header.test.tsx.snap
+++ b/src/renderer/components/primitives/__snapshots__/Header.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`renderer/components/primitives/Header.tsx should render itself & its ch
         class="Box-sc-g0xbh4-0 px-6 py-4"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="stretch"
           data-direction="horizontal"
           data-justify="space-between"
@@ -19,7 +19,7 @@ exports[`renderer/components/primitives/Header.tsx should render itself & its ch
           <button
             aria-describedby=":r0:-loading-announcement"
             aria-labelledby="Go Back"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -49,7 +49,7 @@ exports[`renderer/components/primitives/Header.tsx should render itself & its ch
               class="Box-sc-g0xbh4-0 mb-2"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -75,7 +75,7 @@ exports[`renderer/components/primitives/Header.tsx should render itself & its ch
                   />
                 </svg>
                 <h2
-                  class="Heading__StyledHeading-sc-1c1dgg0-0 fuhZuh"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 edgQRQ"
                   sx="[object Object]"
                 >
                   Test Header
@@ -92,7 +92,7 @@ exports[`renderer/components/primitives/Header.tsx should render itself & its ch
       class="Box-sc-g0xbh4-0 px-6 py-4"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="stretch"
         data-direction="horizontal"
         data-justify="space-between"
@@ -102,7 +102,7 @@ exports[`renderer/components/primitives/Header.tsx should render itself & its ch
         <button
           aria-describedby=":r0:-loading-announcement"
           aria-labelledby="Go Back"
-          class="types__StyledButton-sc-ws60qy-0 kQRupk"
+          class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
           data-component="IconButton"
           data-loading="false"
           data-no-visuals="true"
@@ -132,7 +132,7 @@ exports[`renderer/components/primitives/Header.tsx should render itself & its ch
             class="Box-sc-g0xbh4-0 mb-2"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -158,7 +158,7 @@ exports[`renderer/components/primitives/Header.tsx should render itself & its ch
                 />
               </svg>
               <h2
-                class="Heading__StyledHeading-sc-1c1dgg0-0 fuhZuh"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 edgQRQ"
                 sx="[object Object]"
               >
                 Test Header
diff --git a/src/renderer/components/primitives/__snapshots__/HoverButton.test.tsx.snap b/src/renderer/components/primitives/__snapshots__/HoverButton.test.tsx.snap
index 76e0d513e..e712dbf91 100644
--- a/src/renderer/components/primitives/__snapshots__/HoverButton.test.tsx.snap
+++ b/src/renderer/components/primitives/__snapshots__/HoverButton.test.tsx.snap
@@ -69,7 +69,7 @@ exports[`renderer/components/primitives/HoverButton.tsx should render 1`] = `
       <button
         aria-describedby=":r0:-loading-announcement"
         aria-label="Hover Button"
-        class="types__StyledButton-sc-ws60qy-0 kQRupk"
+        class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
         data-component="IconButton"
         data-loading="false"
         data-no-visuals="true"
@@ -102,7 +102,7 @@ exports[`renderer/components/primitives/HoverButton.tsx should render 1`] = `
     <button
       aria-describedby=":r0:-loading-announcement"
       aria-label="Hover Button"
-      class="types__StyledButton-sc-ws60qy-0 kQRupk"
+      class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
       data-component="IconButton"
       data-loading="false"
       data-no-visuals="true"
diff --git a/src/renderer/components/primitives/__snapshots__/HoverGroup.test.tsx.snap b/src/renderer/components/primitives/__snapshots__/HoverGroup.test.tsx.snap
index c2cf373c5..c4e365857 100644
--- a/src/renderer/components/primitives/__snapshots__/HoverGroup.test.tsx.snap
+++ b/src/renderer/components/primitives/__snapshots__/HoverGroup.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`renderer/components/primitives/HoverGroup.tsx should render 1`] = `
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
         data-align="center"
         data-direction="horizontal"
         data-gap="none"
@@ -20,7 +20,7 @@ exports[`renderer/components/primitives/HoverGroup.tsx should render 1`] = `
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
       data-align="center"
       data-direction="horizontal"
       data-gap="none"
diff --git a/src/renderer/components/primitives/__snapshots__/Title.test.tsx.snap b/src/renderer/components/primitives/__snapshots__/Title.test.tsx.snap
index deb9cc972..7d4f9db58 100644
--- a/src/renderer/components/primitives/__snapshots__/Title.test.tsx.snap
+++ b/src/renderer/components/primitives/__snapshots__/Title.test.tsx.snap
@@ -7,7 +7,7 @@ exports[`renderer/routes/components/primitives/Title.tsx should render the title
       class="Box-sc-g0xbh4-0 mb-2"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -33,7 +33,7 @@ exports[`renderer/routes/components/primitives/Title.tsx should render the title
           />
         </svg>
         <h2
-          class="Heading__StyledHeading-sc-1c1dgg0-0 lfvrLU"
+          class="Heading__StyledHeading-sc-1c1dgg0-0 eQYHUB"
           sx="[object Object]"
         >
           Legend
@@ -51,7 +51,7 @@ exports[`renderer/routes/components/primitives/Title.tsx should render the title
       class="Box-sc-g0xbh4-0 mb-2"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -77,7 +77,7 @@ exports[`renderer/routes/components/primitives/Title.tsx should render the title
           />
         </svg>
         <h2
-          class="Heading__StyledHeading-sc-1c1dgg0-0 gSteSt"
+          class="Heading__StyledHeading-sc-1c1dgg0-0 fBrWqc"
           sx="[object Object]"
         >
           Legend
diff --git a/src/renderer/components/settings/__snapshots__/SettingsFooter.test.tsx.snap b/src/renderer/components/settings/__snapshots__/SettingsFooter.test.tsx.snap
index fef41bc4c..c683a6255 100644
--- a/src/renderer/components/settings/__snapshots__/SettingsFooter.test.tsx.snap
+++ b/src/renderer/components/settings/__snapshots__/SettingsFooter.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`renderer/components/settings/SettingsFooter.tsx app version should show development app version 1`] = `
 <button
   aria-describedby=":r7:-loading-announcement"
-  class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+  class="types__StyledButton-sc-ws60qy-0 fMOLkq"
   data-loading="false"
   data-no-visuals="true"
   data-testid="settings-release-notes"
@@ -11,7 +11,7 @@ exports[`renderer/components/settings/SettingsFooter.tsx app version should show
   type="button"
 >
   <span
-    class="Box-sc-g0xbh4-0 srpGE"
+    class="Box-sc-g0xbh4-0 kBZRdd"
     data-component="buttonContent"
     sx="[object Object]"
   >
@@ -29,7 +29,7 @@ exports[`renderer/components/settings/SettingsFooter.tsx app version should show
 exports[`renderer/components/settings/SettingsFooter.tsx app version should show production app version 1`] = `
 <button
   aria-describedby=":r1:-loading-announcement"
-  class="types__StyledButton-sc-ws60qy-0 EcEOY"
+  class="types__StyledButton-sc-ws60qy-0 hJsbeZ"
   data-loading="false"
   data-no-visuals="true"
   data-testid="settings-release-notes"
@@ -37,7 +37,7 @@ exports[`renderer/components/settings/SettingsFooter.tsx app version should show
   type="button"
 >
   <span
-    class="Box-sc-g0xbh4-0 srpGE"
+    class="Box-sc-g0xbh4-0 kBZRdd"
     data-component="buttonContent"
     sx="[object Object]"
   >
diff --git a/src/renderer/routes/__snapshots__/Accounts.test.tsx.snap b/src/renderer/routes/__snapshots__/Accounts.test.tsx.snap
index 927322e10..d2083be66 100644
--- a/src/renderer/routes/__snapshots__/Accounts.test.tsx.snap
+++ b/src/renderer/routes/__snapshots__/Accounts.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
     class="Box-sc-g0xbh4-0 px-6 py-4"
   >
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
       data-align="stretch"
       data-direction="horizontal"
       data-justify="space-between"
@@ -19,7 +19,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
       <button
         aria-describedby=":r2s:-loading-announcement"
         aria-labelledby="Go Back"
-        class="types__StyledButton-sc-ws60qy-0 kQRupk"
+        class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
         data-component="IconButton"
         data-loading="false"
         data-no-visuals="true"
@@ -49,7 +49,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
           class="Box-sc-g0xbh4-0 mb-2"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -75,7 +75,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
               />
             </svg>
             <h2
-              class="Heading__StyledHeading-sc-1c1dgg0-0 fuhZuh"
+              class="Heading__StyledHeading-sc-1c1dgg0-0 edgQRQ"
               sx="[object Object]"
             >
               Accounts
@@ -92,7 +92,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
       class="Box-sc-g0xbh4-0 rounded-md p-2 mb-4 bg-gitify-accounts"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="stretch"
         data-direction="vertical"
         data-justify="start"
@@ -100,7 +100,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="start"
           data-direction="horizontal"
           data-justify="start"
@@ -109,7 +109,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
         >
           <button
             aria-describedby=":r2t:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+            class="types__StyledButton-sc-ws60qy-0 fMOLkq"
             data-loading="false"
             data-no-visuals="true"
             data-testid="account-profile"
@@ -118,7 +118,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 srpGE"
+              class="Box-sc-g0xbh4-0 kBZRdd"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -126,7 +126,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -137,7 +137,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 >
                   <img
                     alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 jwAMPP"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 kYGBGm"
                     data-component="Avatar"
                     height="20"
                     size="20"
@@ -146,7 +146,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     width="20"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -158,7 +158,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
           </button>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="start"
           data-direction="horizontal"
           data-justify="space-between"
@@ -169,7 +169,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="stretch"
               data-direction="vertical"
               data-gap="condensed"
@@ -181,7 +181,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -206,7 +206,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     Mona Lisa Octocat
                   </span>
@@ -218,7 +218,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 title="Open host"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -243,7 +243,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     github.com
                   </span>
@@ -255,7 +255,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 title="Open developer settings"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -280,7 +280,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     Personal Access Token
                   </span>
@@ -289,7 +289,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="stretch"
             data-direction="horizontal"
             data-gap="condensed"
@@ -300,7 +300,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             <button
               aria-describedby=":r2v:-loading-announcement"
               aria-labelledby=":r2u:"
-              class="types__StyledButton-sc-ws60qy-0 cYZGEC visible"
+              class="types__StyledButton-sc-ws60qy-0 fgzDQD visible"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -328,7 +328,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r2u:"
               popover="auto"
@@ -338,7 +338,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             <button
               aria-describedby=":r31:-loading-announcement"
               aria-labelledby=":r30:"
-              class="types__StyledButton-sc-ws60qy-0 gEWhIh"
+              class="types__StyledButton-sc-ws60qy-0 vZQzk"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -366,7 +366,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r30:"
               popover="auto"
@@ -374,14 +374,14 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
               Primary account
             </span>
             <div
-              class="Box-sc-g0xbh4-0 hMgwpS"
+              class="Box-sc-g0xbh4-0 iWA-dnf"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby=":r33:-loading-announcement"
                 aria-labelledby=":r32:"
-                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                class="types__StyledButton-sc-ws60qy-0 fMOLkq"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -410,7 +410,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </div>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r32:"
               popover="auto"
@@ -420,7 +420,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             <button
               aria-describedby=":r35:-loading-announcement"
               aria-labelledby=":r34:"
-              class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+              class="types__StyledButton-sc-ws60qy-0 fgzDQD"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -448,7 +448,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r34:"
               popover="auto"
@@ -463,7 +463,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
       class="Box-sc-g0xbh4-0 rounded-md p-2 mb-4 bg-gitify-accounts"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="stretch"
         data-direction="vertical"
         data-justify="start"
@@ -471,7 +471,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="start"
           data-direction="horizontal"
           data-justify="start"
@@ -480,7 +480,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
         >
           <button
             aria-describedby=":r36:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+            class="types__StyledButton-sc-ws60qy-0 fMOLkq"
             data-loading="false"
             data-no-visuals="true"
             data-testid="account-profile"
@@ -489,7 +489,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 srpGE"
+              class="Box-sc-g0xbh4-0 kBZRdd"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -497,7 +497,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -508,7 +508,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 >
                   <img
                     alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 jwAMPP"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 kYGBGm"
                     data-component="Avatar"
                     height="20"
                     size="20"
@@ -517,7 +517,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     width="20"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -529,7 +529,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
           </button>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="start"
           data-direction="horizontal"
           data-justify="space-between"
@@ -540,7 +540,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="stretch"
               data-direction="vertical"
               data-gap="condensed"
@@ -552,7 +552,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -577,7 +577,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     Mona Lisa Octocat
                   </span>
@@ -589,7 +589,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 title="Open host"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -614,7 +614,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     github.gitify.io
                   </span>
@@ -626,7 +626,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 title="Open developer settings"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -651,7 +651,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     OAuth App
                   </span>
@@ -660,7 +660,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="stretch"
             data-direction="horizontal"
             data-gap="condensed"
@@ -671,7 +671,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             <button
               aria-describedby=":r38:-loading-announcement"
               aria-labelledby=":r37:"
-              class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+              class="types__StyledButton-sc-ws60qy-0 fgzDQD invisible"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -699,7 +699,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r37:"
               popover="auto"
@@ -709,7 +709,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             <button
               aria-describedby=":r3a:-loading-announcement"
               aria-labelledby=":r39:"
-              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+              class="types__StyledButton-sc-ws60qy-0 fMOLkq"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -737,7 +737,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r39:"
               popover="auto"
@@ -745,14 +745,14 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
               Set as primary account
             </span>
             <div
-              class="Box-sc-g0xbh4-0 hMgwpS"
+              class="Box-sc-g0xbh4-0 iWA-dnf"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby=":r3c:-loading-announcement"
                 aria-labelledby=":r3b:"
-                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                class="types__StyledButton-sc-ws60qy-0 fMOLkq"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -781,7 +781,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </div>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r3b:"
               popover="auto"
@@ -791,7 +791,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             <button
               aria-describedby=":r3e:-loading-announcement"
               aria-labelledby=":r3d:"
-              class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+              class="types__StyledButton-sc-ws60qy-0 fgzDQD"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -819,7 +819,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r3d:"
               popover="auto"
@@ -834,7 +834,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
       class="Box-sc-g0xbh4-0 rounded-md p-2 mb-4 bg-gitify-accounts"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="stretch"
         data-direction="vertical"
         data-justify="start"
@@ -842,7 +842,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="start"
           data-direction="horizontal"
           data-justify="start"
@@ -851,7 +851,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
         >
           <button
             aria-describedby=":r3f:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+            class="types__StyledButton-sc-ws60qy-0 fMOLkq"
             data-loading="false"
             data-no-visuals="true"
             data-testid="account-profile"
@@ -860,7 +860,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 srpGE"
+              class="Box-sc-g0xbh4-0 kBZRdd"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -868,7 +868,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -879,7 +879,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 >
                   <img
                     alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 jwAMPP"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 kYGBGm"
                     data-component="Avatar"
                     height="20"
                     size="20"
@@ -888,7 +888,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     width="20"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -900,7 +900,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
           </button>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="start"
           data-direction="horizontal"
           data-justify="space-between"
@@ -911,7 +911,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="stretch"
               data-direction="vertical"
               data-gap="condensed"
@@ -923,7 +923,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -948,7 +948,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     Mona Lisa Octocat
                   </span>
@@ -960,7 +960,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 title="Open host"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -985,7 +985,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     github.com
                   </span>
@@ -997,7 +997,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 title="Open developer settings"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1022,7 +1022,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     GitHub App
                   </span>
@@ -1031,7 +1031,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="stretch"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1042,7 +1042,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             <button
               aria-describedby=":r3h:-loading-announcement"
               aria-labelledby=":r3g:"
-              class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+              class="types__StyledButton-sc-ws60qy-0 fgzDQD invisible"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1070,7 +1070,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r3g:"
               popover="auto"
@@ -1080,7 +1080,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             <button
               aria-describedby=":r3j:-loading-announcement"
               aria-labelledby=":r3i:"
-              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+              class="types__StyledButton-sc-ws60qy-0 fMOLkq"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1108,7 +1108,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r3i:"
               popover="auto"
@@ -1116,14 +1116,14 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
               Set as primary account
             </span>
             <div
-              class="Box-sc-g0xbh4-0 hMgwpS"
+              class="Box-sc-g0xbh4-0 iWA-dnf"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby=":r3l:-loading-announcement"
                 aria-labelledby=":r3k:"
-                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                class="types__StyledButton-sc-ws60qy-0 fMOLkq"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -1152,7 +1152,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </div>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r3k:"
               popover="auto"
@@ -1162,7 +1162,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             <button
               aria-describedby=":r3n:-loading-announcement"
               aria-labelledby=":r3m:"
-              class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+              class="types__StyledButton-sc-ws60qy-0 fgzDQD"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1190,7 +1190,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r3m:"
               popover="auto"
@@ -1206,7 +1206,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
     class="Box-sc-g0xbh4-0 fixed bottom-0 left-sidebar right-0 bg-gitify-footer"
   >
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
       data-align="stretch"
       data-direction="horizontal"
       data-justify="end"
@@ -1217,7 +1217,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
         aria-describedby=":r3o:-loading-announcement"
         aria-expanded="false"
         aria-haspopup="true"
-        class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+        class="types__StyledButton-sc-ws60qy-0 fMOLkq"
         data-loading="false"
         data-testid="account-add-new"
         id=":r3o:"
@@ -1226,12 +1226,12 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
         type="button"
       >
         <span
-          class="Box-sc-g0xbh4-0 srpGE"
+          class="Box-sc-g0xbh4-0 kBZRdd"
           data-component="buttonContent"
           sx="[object Object]"
         >
           <span
-            class="Box-sc-g0xbh4-0 mhHOW"
+            class="Box-sc-g0xbh4-0 fRxPAP"
             data-component="leadingVisual"
             sx="[object Object]"
           >
@@ -1273,7 +1273,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
     class="Box-sc-g0xbh4-0 px-6 py-4"
   >
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
       data-align="stretch"
       data-direction="horizontal"
       data-justify="space-between"
@@ -1283,7 +1283,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
       <button
         aria-describedby=":r3r:-loading-announcement"
         aria-labelledby="Go Back"
-        class="types__StyledButton-sc-ws60qy-0 kQRupk"
+        class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
         data-component="IconButton"
         data-loading="false"
         data-no-visuals="true"
@@ -1313,7 +1313,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
           class="Box-sc-g0xbh4-0 mb-2"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1339,7 +1339,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
               />
             </svg>
             <h2
-              class="Heading__StyledHeading-sc-1c1dgg0-0 fuhZuh"
+              class="Heading__StyledHeading-sc-1c1dgg0-0 edgQRQ"
               sx="[object Object]"
             >
               Accounts
@@ -1356,7 +1356,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
       class="Box-sc-g0xbh4-0 rounded-md p-2 mb-4 bg-gitify-accounts"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="stretch"
         data-direction="vertical"
         data-justify="start"
@@ -1364,7 +1364,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="start"
           data-direction="horizontal"
           data-justify="start"
@@ -1373,7 +1373,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
         >
           <button
             aria-describedby=":r3s:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+            class="types__StyledButton-sc-ws60qy-0 fMOLkq"
             data-loading="false"
             data-no-visuals="true"
             data-testid="account-profile"
@@ -1382,7 +1382,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 srpGE"
+              class="Box-sc-g0xbh4-0 kBZRdd"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -1390,7 +1390,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1401,7 +1401,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 >
                   <img
                     alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 jwAMPP"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 kYGBGm"
                     data-component="Avatar"
                     height="20"
                     size="20"
@@ -1410,7 +1410,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     width="20"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -1422,7 +1422,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
           </button>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="start"
           data-direction="horizontal"
           data-justify="space-between"
@@ -1433,7 +1433,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="stretch"
               data-direction="vertical"
               data-gap="condensed"
@@ -1445,7 +1445,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1470,7 +1470,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     Mona Lisa Octocat
                   </span>
@@ -1482,7 +1482,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 title="Open host"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1507,7 +1507,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     github.com
                   </span>
@@ -1519,7 +1519,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 title="Open developer settings"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1544,7 +1544,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     Personal Access Token
                   </span>
@@ -1553,7 +1553,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="stretch"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1564,7 +1564,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             <button
               aria-describedby=":r3u:-loading-announcement"
               aria-labelledby=":r3t:"
-              class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+              class="types__StyledButton-sc-ws60qy-0 fgzDQD invisible"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1592,7 +1592,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r3t:"
               popover="auto"
@@ -1602,7 +1602,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             <button
               aria-describedby=":r40:-loading-announcement"
               aria-labelledby=":r3v:"
-              class="types__StyledButton-sc-ws60qy-0 gEWhIh"
+              class="types__StyledButton-sc-ws60qy-0 vZQzk"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1630,7 +1630,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r3v:"
               popover="auto"
@@ -1638,14 +1638,14 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
               Primary account
             </span>
             <div
-              class="Box-sc-g0xbh4-0 hMgwpS"
+              class="Box-sc-g0xbh4-0 iWA-dnf"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby=":r42:-loading-announcement"
                 aria-labelledby=":r41:"
-                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                class="types__StyledButton-sc-ws60qy-0 fMOLkq"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -1674,7 +1674,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </div>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r41:"
               popover="auto"
@@ -1684,7 +1684,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             <button
               aria-describedby=":r44:-loading-announcement"
               aria-labelledby=":r43:"
-              class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+              class="types__StyledButton-sc-ws60qy-0 fgzDQD"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1712,7 +1712,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r43:"
               popover="auto"
@@ -1727,7 +1727,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
       class="Box-sc-g0xbh4-0 rounded-md p-2 mb-4 bg-gitify-accounts"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="stretch"
         data-direction="vertical"
         data-justify="start"
@@ -1735,7 +1735,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="start"
           data-direction="horizontal"
           data-justify="start"
@@ -1744,7 +1744,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
         >
           <button
             aria-describedby=":r45:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+            class="types__StyledButton-sc-ws60qy-0 fMOLkq"
             data-loading="false"
             data-no-visuals="true"
             data-testid="account-profile"
@@ -1753,7 +1753,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 srpGE"
+              class="Box-sc-g0xbh4-0 kBZRdd"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -1761,7 +1761,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1772,7 +1772,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 >
                   <img
                     alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 jwAMPP"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 kYGBGm"
                     data-component="Avatar"
                     height="20"
                     size="20"
@@ -1781,7 +1781,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     width="20"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -1793,7 +1793,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
           </button>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="start"
           data-direction="horizontal"
           data-justify="space-between"
@@ -1804,7 +1804,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="stretch"
               data-direction="vertical"
               data-gap="condensed"
@@ -1816,7 +1816,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1841,7 +1841,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     Mona Lisa Octocat
                   </span>
@@ -1853,7 +1853,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 title="Open host"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1878,7 +1878,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     github.gitify.io
                   </span>
@@ -1890,7 +1890,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 title="Open developer settings"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1915,7 +1915,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     OAuth App
                   </span>
@@ -1924,7 +1924,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="stretch"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1935,7 +1935,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             <button
               aria-describedby=":r47:-loading-announcement"
               aria-labelledby=":r46:"
-              class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+              class="types__StyledButton-sc-ws60qy-0 fgzDQD invisible"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1963,7 +1963,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r46:"
               popover="auto"
@@ -1973,7 +1973,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             <button
               aria-describedby=":r49:-loading-announcement"
               aria-labelledby=":r48:"
-              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+              class="types__StyledButton-sc-ws60qy-0 fMOLkq"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -2001,7 +2001,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r48:"
               popover="auto"
@@ -2009,14 +2009,14 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
               Set as primary account
             </span>
             <div
-              class="Box-sc-g0xbh4-0 hMgwpS"
+              class="Box-sc-g0xbh4-0 iWA-dnf"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby=":r4b:-loading-announcement"
                 aria-labelledby=":r4a:"
-                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                class="types__StyledButton-sc-ws60qy-0 fMOLkq"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -2045,7 +2045,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </div>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r4a:"
               popover="auto"
@@ -2055,7 +2055,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             <button
               aria-describedby=":r4d:-loading-announcement"
               aria-labelledby=":r4c:"
-              class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+              class="types__StyledButton-sc-ws60qy-0 fgzDQD"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -2083,7 +2083,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r4c:"
               popover="auto"
@@ -2098,7 +2098,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
       class="Box-sc-g0xbh4-0 rounded-md p-2 mb-4 bg-gitify-accounts"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="stretch"
         data-direction="vertical"
         data-justify="start"
@@ -2106,7 +2106,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="start"
           data-direction="horizontal"
           data-justify="start"
@@ -2115,7 +2115,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
         >
           <button
             aria-describedby=":r4e:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+            class="types__StyledButton-sc-ws60qy-0 fMOLkq"
             data-loading="false"
             data-no-visuals="true"
             data-testid="account-profile"
@@ -2124,7 +2124,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 srpGE"
+              class="Box-sc-g0xbh4-0 kBZRdd"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -2132,7 +2132,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -2143,7 +2143,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 >
                   <img
                     alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 jwAMPP"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 kYGBGm"
                     data-component="Avatar"
                     height="20"
                     size="20"
@@ -2152,7 +2152,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     width="20"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -2164,7 +2164,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
           </button>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="start"
           data-direction="horizontal"
           data-justify="space-between"
@@ -2175,7 +2175,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="stretch"
               data-direction="vertical"
               data-gap="condensed"
@@ -2187,7 +2187,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -2212,7 +2212,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     Mona Lisa Octocat
                   </span>
@@ -2224,7 +2224,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 title="Open host"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -2249,7 +2249,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     github.com
                   </span>
@@ -2261,7 +2261,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 title="Open developer settings"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -2286,7 +2286,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     GitHub App
                   </span>
@@ -2295,7 +2295,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="stretch"
             data-direction="horizontal"
             data-gap="condensed"
@@ -2306,7 +2306,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             <button
               aria-describedby=":r4g:-loading-announcement"
               aria-labelledby=":r4f:"
-              class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+              class="types__StyledButton-sc-ws60qy-0 fgzDQD invisible"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -2334,7 +2334,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r4f:"
               popover="auto"
@@ -2344,7 +2344,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             <button
               aria-describedby=":r4i:-loading-announcement"
               aria-labelledby=":r4h:"
-              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+              class="types__StyledButton-sc-ws60qy-0 fMOLkq"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -2372,7 +2372,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r4h:"
               popover="auto"
@@ -2380,14 +2380,14 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
               Set as primary account
             </span>
             <div
-              class="Box-sc-g0xbh4-0 hMgwpS"
+              class="Box-sc-g0xbh4-0 iWA-dnf"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby=":r4k:-loading-announcement"
                 aria-labelledby=":r4j:"
-                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                class="types__StyledButton-sc-ws60qy-0 fMOLkq"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -2416,7 +2416,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </div>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r4j:"
               popover="auto"
@@ -2426,7 +2426,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             <button
               aria-describedby=":r4m:-loading-announcement"
               aria-labelledby=":r4l:"
-              class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+              class="types__StyledButton-sc-ws60qy-0 fgzDQD"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -2454,7 +2454,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r4l:"
               popover="auto"
@@ -2470,7 +2470,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
     class="Box-sc-g0xbh4-0 fixed bottom-0 left-sidebar right-0 bg-gitify-footer"
   >
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
       data-align="stretch"
       data-direction="horizontal"
       data-justify="end"
@@ -2481,7 +2481,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
         aria-describedby=":r4n:-loading-announcement"
         aria-expanded="false"
         aria-haspopup="true"
-        class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+        class="types__StyledButton-sc-ws60qy-0 fMOLkq"
         data-loading="false"
         data-testid="account-add-new"
         id=":r4n:"
@@ -2490,12 +2490,12 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
         type="button"
       >
         <span
-          class="Box-sc-g0xbh4-0 srpGE"
+          class="Box-sc-g0xbh4-0 kBZRdd"
           data-component="buttonContent"
           sx="[object Object]"
         >
           <span
-            class="Box-sc-g0xbh4-0 mhHOW"
+            class="Box-sc-g0xbh4-0 fRxPAP"
             data-component="leadingVisual"
             sx="[object Object]"
           >
@@ -2537,7 +2537,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
     class="Box-sc-g0xbh4-0 px-6 py-4"
   >
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
       data-align="stretch"
       data-direction="horizontal"
       data-justify="space-between"
@@ -2547,7 +2547,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
       <button
         aria-describedby=":r0:-loading-announcement"
         aria-labelledby="Go Back"
-        class="types__StyledButton-sc-ws60qy-0 kQRupk"
+        class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
         data-component="IconButton"
         data-loading="false"
         data-no-visuals="true"
@@ -2577,7 +2577,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
           class="Box-sc-g0xbh4-0 mb-2"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -2603,7 +2603,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
               />
             </svg>
             <h2
-              class="Heading__StyledHeading-sc-1c1dgg0-0 fuhZuh"
+              class="Heading__StyledHeading-sc-1c1dgg0-0 edgQRQ"
               sx="[object Object]"
             >
               Accounts
@@ -2620,7 +2620,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
       class="Box-sc-g0xbh4-0 rounded-md p-2 mb-4 bg-gitify-accounts"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="stretch"
         data-direction="vertical"
         data-justify="start"
@@ -2628,7 +2628,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="start"
           data-direction="horizontal"
           data-justify="start"
@@ -2637,7 +2637,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
         >
           <button
             aria-describedby=":r1:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+            class="types__StyledButton-sc-ws60qy-0 fMOLkq"
             data-loading="false"
             data-no-visuals="true"
             data-testid="account-profile"
@@ -2646,7 +2646,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 srpGE"
+              class="Box-sc-g0xbh4-0 kBZRdd"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -2654,7 +2654,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -2665,7 +2665,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 >
                   <img
                     alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 jwAMPP"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 kYGBGm"
                     data-component="Avatar"
                     height="20"
                     size="20"
@@ -2674,7 +2674,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     width="20"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -2686,7 +2686,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
           </button>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="start"
           data-direction="horizontal"
           data-justify="space-between"
@@ -2697,7 +2697,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="stretch"
               data-direction="vertical"
               data-gap="condensed"
@@ -2709,7 +2709,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -2734,7 +2734,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     Mona Lisa Octocat
                   </span>
@@ -2746,7 +2746,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 title="Open host"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -2771,7 +2771,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     github.com
                   </span>
@@ -2783,7 +2783,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 title="Open developer settings"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -2808,7 +2808,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     Personal Access Token
                   </span>
@@ -2817,7 +2817,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="stretch"
             data-direction="horizontal"
             data-gap="condensed"
@@ -2828,7 +2828,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             <button
               aria-describedby=":r3:-loading-announcement"
               aria-labelledby=":r2:"
-              class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+              class="types__StyledButton-sc-ws60qy-0 fgzDQD invisible"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -2856,7 +2856,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r2:"
               popover="auto"
@@ -2866,7 +2866,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             <button
               aria-describedby=":r5:-loading-announcement"
               aria-labelledby=":r4:"
-              class="types__StyledButton-sc-ws60qy-0 gEWhIh"
+              class="types__StyledButton-sc-ws60qy-0 vZQzk"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -2894,7 +2894,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r4:"
               popover="auto"
@@ -2902,14 +2902,14 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
               Primary account
             </span>
             <div
-              class="Box-sc-g0xbh4-0 hMgwpS"
+              class="Box-sc-g0xbh4-0 iWA-dnf"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby=":r7:-loading-announcement"
                 aria-labelledby=":r6:"
-                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                class="types__StyledButton-sc-ws60qy-0 fMOLkq"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -2938,7 +2938,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </div>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r6:"
               popover="auto"
@@ -2948,7 +2948,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             <button
               aria-describedby=":r9:-loading-announcement"
               aria-labelledby=":r8:"
-              class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+              class="types__StyledButton-sc-ws60qy-0 fgzDQD"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -2976,7 +2976,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":r8:"
               popover="auto"
@@ -2991,7 +2991,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
       class="Box-sc-g0xbh4-0 rounded-md p-2 mb-4 bg-gitify-accounts"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="stretch"
         data-direction="vertical"
         data-justify="start"
@@ -2999,7 +2999,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="start"
           data-direction="horizontal"
           data-justify="start"
@@ -3008,7 +3008,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
         >
           <button
             aria-describedby=":ra:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+            class="types__StyledButton-sc-ws60qy-0 fMOLkq"
             data-loading="false"
             data-no-visuals="true"
             data-testid="account-profile"
@@ -3017,7 +3017,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 srpGE"
+              class="Box-sc-g0xbh4-0 kBZRdd"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -3025,7 +3025,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -3036,7 +3036,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 >
                   <img
                     alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 jwAMPP"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 kYGBGm"
                     data-component="Avatar"
                     height="20"
                     size="20"
@@ -3045,7 +3045,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     width="20"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -3057,7 +3057,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
           </button>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="start"
           data-direction="horizontal"
           data-justify="space-between"
@@ -3068,7 +3068,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="stretch"
               data-direction="vertical"
               data-gap="condensed"
@@ -3080,7 +3080,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -3105,7 +3105,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     Mona Lisa Octocat
                   </span>
@@ -3117,7 +3117,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 title="Open host"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -3142,7 +3142,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     github.gitify.io
                   </span>
@@ -3154,7 +3154,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 title="Open developer settings"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -3179,7 +3179,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     OAuth App
                   </span>
@@ -3188,7 +3188,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="stretch"
             data-direction="horizontal"
             data-gap="condensed"
@@ -3199,7 +3199,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             <button
               aria-describedby=":rc:-loading-announcement"
               aria-labelledby=":rb:"
-              class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+              class="types__StyledButton-sc-ws60qy-0 fgzDQD invisible"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -3227,7 +3227,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":rb:"
               popover="auto"
@@ -3237,7 +3237,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             <button
               aria-describedby=":re:-loading-announcement"
               aria-labelledby=":rd:"
-              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+              class="types__StyledButton-sc-ws60qy-0 fMOLkq"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -3265,7 +3265,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":rd:"
               popover="auto"
@@ -3273,14 +3273,14 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
               Set as primary account
             </span>
             <div
-              class="Box-sc-g0xbh4-0 hMgwpS"
+              class="Box-sc-g0xbh4-0 iWA-dnf"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby=":rg:-loading-announcement"
                 aria-labelledby=":rf:"
-                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                class="types__StyledButton-sc-ws60qy-0 fMOLkq"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -3309,7 +3309,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </div>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":rf:"
               popover="auto"
@@ -3319,7 +3319,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             <button
               aria-describedby=":ri:-loading-announcement"
               aria-labelledby=":rh:"
-              class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+              class="types__StyledButton-sc-ws60qy-0 fgzDQD"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -3347,7 +3347,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":rh:"
               popover="auto"
@@ -3362,7 +3362,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
       class="Box-sc-g0xbh4-0 rounded-md p-2 mb-4 bg-gitify-accounts"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="stretch"
         data-direction="vertical"
         data-justify="start"
@@ -3370,7 +3370,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="start"
           data-direction="horizontal"
           data-justify="start"
@@ -3379,7 +3379,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
         >
           <button
             aria-describedby=":rj:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+            class="types__StyledButton-sc-ws60qy-0 fMOLkq"
             data-loading="false"
             data-no-visuals="true"
             data-testid="account-profile"
@@ -3388,7 +3388,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 srpGE"
+              class="Box-sc-g0xbh4-0 kBZRdd"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -3396,7 +3396,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -3407,7 +3407,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 >
                   <img
                     alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 jwAMPP"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 kYGBGm"
                     data-component="Avatar"
                     height="20"
                     size="20"
@@ -3416,7 +3416,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     width="20"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 kaotsm"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -3428,7 +3428,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
           </button>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="start"
           data-direction="horizontal"
           data-justify="space-between"
@@ -3439,7 +3439,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="stretch"
               data-direction="vertical"
               data-gap="condensed"
@@ -3451,7 +3451,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -3476,7 +3476,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     Mona Lisa Octocat
                   </span>
@@ -3488,7 +3488,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 title="Open host"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -3513,7 +3513,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     github.com
                   </span>
@@ -3525,7 +3525,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 title="Open developer settings"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -3550,7 +3550,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     GitHub App
                   </span>
@@ -3559,7 +3559,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="stretch"
             data-direction="horizontal"
             data-gap="condensed"
@@ -3570,7 +3570,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             <button
               aria-describedby=":rl:-loading-announcement"
               aria-labelledby=":rk:"
-              class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+              class="types__StyledButton-sc-ws60qy-0 fgzDQD invisible"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -3598,7 +3598,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":rk:"
               popover="auto"
@@ -3608,7 +3608,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             <button
               aria-describedby=":rn:-loading-announcement"
               aria-labelledby=":rm:"
-              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+              class="types__StyledButton-sc-ws60qy-0 fMOLkq"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -3636,7 +3636,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":rm:"
               popover="auto"
@@ -3644,14 +3644,14 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
               Set as primary account
             </span>
             <div
-              class="Box-sc-g0xbh4-0 hMgwpS"
+              class="Box-sc-g0xbh4-0 iWA-dnf"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby=":rp:-loading-announcement"
                 aria-labelledby=":ro:"
-                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                class="types__StyledButton-sc-ws60qy-0 fMOLkq"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -3680,7 +3680,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </div>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":ro:"
               popover="auto"
@@ -3690,7 +3690,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             <button
               aria-describedby=":rr:-loading-announcement"
               aria-labelledby=":rq:"
-              class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+              class="types__StyledButton-sc-ws60qy-0 fgzDQD"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -3718,7 +3718,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
               data-direction="s"
               id=":rq:"
               popover="auto"
@@ -3734,7 +3734,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
     class="Box-sc-g0xbh4-0 fixed bottom-0 left-sidebar right-0 bg-gitify-footer"
   >
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
       data-align="stretch"
       data-direction="horizontal"
       data-justify="end"
@@ -3745,7 +3745,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
         aria-describedby=":rs:-loading-announcement"
         aria-expanded="false"
         aria-haspopup="true"
-        class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+        class="types__StyledButton-sc-ws60qy-0 fMOLkq"
         data-loading="false"
         data-testid="account-add-new"
         id=":rs:"
@@ -3754,12 +3754,12 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
         type="button"
       >
         <span
-          class="Box-sc-g0xbh4-0 srpGE"
+          class="Box-sc-g0xbh4-0 kBZRdd"
           data-component="buttonContent"
           sx="[object Object]"
         >
           <span
-            class="Box-sc-g0xbh4-0 mhHOW"
+            class="Box-sc-g0xbh4-0 fRxPAP"
             data-component="leadingVisual"
             sx="[object Object]"
           >
diff --git a/src/renderer/routes/__snapshots__/Filters.test.tsx.snap b/src/renderer/routes/__snapshots__/Filters.test.tsx.snap
index b3ac7600a..5208f82c0 100644
--- a/src/renderer/routes/__snapshots__/Filters.test.tsx.snap
+++ b/src/renderer/routes/__snapshots__/Filters.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
     class="Box-sc-g0xbh4-0 px-6 py-4"
   >
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
       data-align="stretch"
       data-direction="horizontal"
       data-justify="space-between"
@@ -19,7 +19,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
       <button
         aria-describedby=":r0:-loading-announcement"
         aria-labelledby="Go Back"
-        class="types__StyledButton-sc-ws60qy-0 kQRupk"
+        class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
         data-component="IconButton"
         data-loading="false"
         data-no-visuals="true"
@@ -49,7 +49,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           class="Box-sc-g0xbh4-0 mb-2"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -75,7 +75,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               />
             </svg>
             <h2
-              class="Heading__StyledHeading-sc-1c1dgg0-0 fuhZuh"
+              class="Heading__StyledHeading-sc-1c1dgg0-0 edgQRQ"
               sx="[object Object]"
             >
               Filters
@@ -96,7 +96,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           class="Box-sc-g0xbh4-0 mb-2"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -122,7 +122,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               />
             </svg>
             <h2
-              class="Heading__StyledHeading-sc-1c1dgg0-0 lfvrLU"
+              class="Heading__StyledHeading-sc-1c1dgg0-0 eQYHUB"
               sx="[object Object]"
             >
               Users
@@ -131,7 +131,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
         </div>
       </legend>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -184,7 +184,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           class="Box-sc-g0xbh4-0 mb-2"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -210,7 +210,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               />
             </svg>
             <h2
-              class="Heading__StyledHeading-sc-1c1dgg0-0 lfvrLU"
+              class="Heading__StyledHeading-sc-1c1dgg0-0 eQYHUB"
               sx="[object Object]"
             >
               Reason
@@ -222,13 +222,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
         class="Box-sc-g0xbh4-0 text-xs -mt-2 mb-2"
       >
         <i
-          class="Text-sc-17v1xeu-0 hmAFGJ"
+          class="Text-sc-17v1xeu-0 kbcDeY"
         >
           Note: If no reasons are selected, all notifications will be shown.
         </i>
       </div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="stretch"
         data-direction="vertical"
         data-gap="condensed"
@@ -237,7 +237,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -282,7 +282,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -327,7 +327,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -372,7 +372,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -417,7 +417,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -462,7 +462,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -507,7 +507,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -552,7 +552,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -597,7 +597,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -642,7 +642,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -687,7 +687,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -732,7 +732,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -777,7 +777,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -822,7 +822,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -867,7 +867,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -918,7 +918,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
     class="Box-sc-g0xbh4-0 fixed bottom-0 left-sidebar right-0 bg-gitify-footer"
   >
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
       data-align="stretch"
       data-direction="horizontal"
       data-justify="end"
@@ -927,25 +927,25 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
     >
       <span
         aria-label="Clear all filters"
-        class="Tooltip__TooltipBase-sc-17tf59c-0 fcVRmg tooltipped-n"
+        class="Tooltip__TooltipBase-sc-17tf59c-0 iKRGON tooltipped-n"
         id=":r1:"
         role="tooltip"
       >
         <button
           aria-describedby=":r2:-loading-announcement"
-          class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+          class="types__StyledButton-sc-ws60qy-0 fMOLkq"
           data-loading="false"
           data-testid="filters-clear"
           sx="[object Object]"
           type="button"
         >
           <span
-            class="Box-sc-g0xbh4-0 srpGE"
+            class="Box-sc-g0xbh4-0 kBZRdd"
             data-component="buttonContent"
             sx="[object Object]"
           >
             <span
-              class="Box-sc-g0xbh4-0 mhHOW"
+              class="Box-sc-g0xbh4-0 fRxPAP"
               data-component="leadingVisual"
               sx="[object Object]"
             >
@@ -981,7 +981,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
 
 exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle reason type - none already set 1`] = `
 <div
-  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
   data-align="stretch"
   data-direction="vertical"
   data-gap="condensed"
@@ -990,7 +990,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
   data-wrap="nowrap"
 >
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -1035,7 +1035,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -1080,7 +1080,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -1125,7 +1125,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -1170,7 +1170,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -1215,7 +1215,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -1260,7 +1260,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -1305,7 +1305,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -1350,7 +1350,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -1395,7 +1395,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -1440,7 +1440,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -1485,7 +1485,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -1530,7 +1530,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -1575,7 +1575,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -1620,7 +1620,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -1669,7 +1669,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
 
 exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle reason type - some filters already set 1`] = `
 <div
-  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
   data-align="stretch"
   data-direction="vertical"
   data-gap="condensed"
@@ -1678,7 +1678,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
   data-wrap="nowrap"
 >
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -1723,7 +1723,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -1768,7 +1768,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -1813,7 +1813,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -1858,7 +1858,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -1903,7 +1903,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -1948,7 +1948,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -1993,7 +1993,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -2038,7 +2038,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -2083,7 +2083,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -2128,7 +2128,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -2173,7 +2173,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -2219,7 +2219,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -2264,7 +2264,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -2309,7 +2309,7 @@ exports[`renderer/routes/Filters.tsx Reasons section should be able to toggle re
     </div>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -2365,7 +2365,7 @@ exports[`renderer/routes/Filters.tsx Users section should be able to toggle the
       class="Box-sc-g0xbh4-0 mb-2"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -2391,7 +2391,7 @@ exports[`renderer/routes/Filters.tsx Users section should be able to toggle the
           />
         </svg>
         <h2
-          class="Heading__StyledHeading-sc-1c1dgg0-0 lfvrLU"
+          class="Heading__StyledHeading-sc-1c1dgg0-0 eQYHUB"
           sx="[object Object]"
         >
           Users
@@ -2400,7 +2400,7 @@ exports[`renderer/routes/Filters.tsx Users section should be able to toggle the
     </div>
   </legend>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -2456,7 +2456,7 @@ exports[`renderer/routes/Filters.tsx Users section should not be able to toggle
       class="Box-sc-g0xbh4-0 mb-2"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -2482,7 +2482,7 @@ exports[`renderer/routes/Filters.tsx Users section should not be able to toggle
           />
         </svg>
         <h2
-          class="Heading__StyledHeading-sc-1c1dgg0-0 lfvrLU"
+          class="Heading__StyledHeading-sc-1c1dgg0-0 eQYHUB"
           sx="[object Object]"
         >
           Users
@@ -2491,7 +2491,7 @@ exports[`renderer/routes/Filters.tsx Users section should not be able to toggle
     </div>
   </legend>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
diff --git a/src/renderer/routes/__snapshots__/Login.test.tsx.snap b/src/renderer/routes/__snapshots__/Login.test.tsx.snap
index f2e3de91c..2fe51d2b1 100644
--- a/src/renderer/routes/__snapshots__/Login.test.tsx.snap
+++ b/src/renderer/routes/__snapshots__/Login.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`renderer/routes/Login.tsx should render itself & its children 1`] = `
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ h-screen"
         data-align="center"
         data-direction="vertical"
         data-justify="center"
@@ -14,7 +14,7 @@ exports[`renderer/routes/Login.tsx should render itself & its children 1`] = `
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="vertical"
           data-justify="start"
@@ -66,7 +66,7 @@ exports[`renderer/routes/Login.tsx should render itself & its children 1`] = `
             </g>
           </svg>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="vertical"
             data-gap="none"
@@ -75,20 +75,20 @@ exports[`renderer/routes/Login.tsx should render itself & its children 1`] = `
             data-wrap="nowrap"
           >
             <h2
-              class="Heading__StyledHeading-sc-1c1dgg0-0 gSteSt"
+              class="Heading__StyledHeading-sc-1c1dgg0-0 fBrWqc"
               sx="[object Object]"
             >
               GitHub Notifications
             </h2>
             <h2
-              class="Heading__StyledHeading-sc-1c1dgg0-0 fuhZuh"
+              class="Heading__StyledHeading-sc-1c1dgg0-0 edgQRQ"
               sx="[object Object]"
             >
               on your menu bar
             </h2>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="vertical"
             data-gap="condensed"
@@ -97,25 +97,25 @@ exports[`renderer/routes/Login.tsx should render itself & its children 1`] = `
             data-wrap="nowrap"
           >
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ"
+              class="Text-sc-17v1xeu-0 kbcDeY"
             >
               Login with
             </span>
             <button
               aria-describedby=":r0:-loading-announcement"
-              class="types__StyledButton-sc-ws60qy-0 gEWhIh"
+              class="types__StyledButton-sc-ws60qy-0 vZQzk"
               data-loading="false"
               data-testid="login-github"
               sx="[object Object]"
               type="button"
             >
               <span
-                class="Box-sc-g0xbh4-0 srpGE"
+                class="Box-sc-g0xbh4-0 kBZRdd"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 mhHOW"
+                  class="Box-sc-g0xbh4-0 fRxPAP"
                   data-component="leadingVisual"
                   sx="[object Object]"
                 >
@@ -145,19 +145,19 @@ exports[`renderer/routes/Login.tsx should render itself & its children 1`] = `
             </button>
             <button
               aria-describedby=":r1:-loading-announcement"
-              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+              class="types__StyledButton-sc-ws60qy-0 fMOLkq"
               data-loading="false"
               data-testid="login-pat"
               sx="[object Object]"
               type="button"
             >
               <span
-                class="Box-sc-g0xbh4-0 srpGE"
+                class="Box-sc-g0xbh4-0 kBZRdd"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 mhHOW"
+                  class="Box-sc-g0xbh4-0 fRxPAP"
                   data-component="leadingVisual"
                   sx="[object Object]"
                 >
@@ -187,19 +187,19 @@ exports[`renderer/routes/Login.tsx should render itself & its children 1`] = `
             </button>
             <button
               aria-describedby=":r2:-loading-announcement"
-              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+              class="types__StyledButton-sc-ws60qy-0 fMOLkq"
               data-loading="false"
               data-testid="login-oauth-app"
               sx="[object Object]"
               type="button"
             >
               <span
-                class="Box-sc-g0xbh4-0 srpGE"
+                class="Box-sc-g0xbh4-0 kBZRdd"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 mhHOW"
+                  class="Box-sc-g0xbh4-0 fRxPAP"
                   data-component="leadingVisual"
                   sx="[object Object]"
                 >
@@ -234,7 +234,7 @@ exports[`renderer/routes/Login.tsx should render itself & its children 1`] = `
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ h-screen"
       data-align="center"
       data-direction="vertical"
       data-justify="center"
@@ -242,7 +242,7 @@ exports[`renderer/routes/Login.tsx should render itself & its children 1`] = `
       data-wrap="nowrap"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="vertical"
         data-justify="start"
@@ -294,7 +294,7 @@ exports[`renderer/routes/Login.tsx should render itself & its children 1`] = `
           </g>
         </svg>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="vertical"
           data-gap="none"
@@ -303,20 +303,20 @@ exports[`renderer/routes/Login.tsx should render itself & its children 1`] = `
           data-wrap="nowrap"
         >
           <h2
-            class="Heading__StyledHeading-sc-1c1dgg0-0 gSteSt"
+            class="Heading__StyledHeading-sc-1c1dgg0-0 fBrWqc"
             sx="[object Object]"
           >
             GitHub Notifications
           </h2>
           <h2
-            class="Heading__StyledHeading-sc-1c1dgg0-0 fuhZuh"
+            class="Heading__StyledHeading-sc-1c1dgg0-0 edgQRQ"
             sx="[object Object]"
           >
             on your menu bar
           </h2>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="center"
           data-direction="vertical"
           data-gap="condensed"
@@ -325,25 +325,25 @@ exports[`renderer/routes/Login.tsx should render itself & its children 1`] = `
           data-wrap="nowrap"
         >
           <span
-            class="Text-sc-17v1xeu-0 hmAFGJ"
+            class="Text-sc-17v1xeu-0 kbcDeY"
           >
             Login with
           </span>
           <button
             aria-describedby=":r0:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 gEWhIh"
+            class="types__StyledButton-sc-ws60qy-0 vZQzk"
             data-loading="false"
             data-testid="login-github"
             sx="[object Object]"
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 srpGE"
+              class="Box-sc-g0xbh4-0 kBZRdd"
               data-component="buttonContent"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 mhHOW"
+                class="Box-sc-g0xbh4-0 fRxPAP"
                 data-component="leadingVisual"
                 sx="[object Object]"
               >
@@ -373,19 +373,19 @@ exports[`renderer/routes/Login.tsx should render itself & its children 1`] = `
           </button>
           <button
             aria-describedby=":r1:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+            class="types__StyledButton-sc-ws60qy-0 fMOLkq"
             data-loading="false"
             data-testid="login-pat"
             sx="[object Object]"
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 srpGE"
+              class="Box-sc-g0xbh4-0 kBZRdd"
               data-component="buttonContent"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 mhHOW"
+                class="Box-sc-g0xbh4-0 fRxPAP"
                 data-component="leadingVisual"
                 sx="[object Object]"
               >
@@ -415,19 +415,19 @@ exports[`renderer/routes/Login.tsx should render itself & its children 1`] = `
           </button>
           <button
             aria-describedby=":r2:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+            class="types__StyledButton-sc-ws60qy-0 fMOLkq"
             data-loading="false"
             data-testid="login-oauth-app"
             sx="[object Object]"
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 srpGE"
+              class="Box-sc-g0xbh4-0 kBZRdd"
               data-component="buttonContent"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 mhHOW"
+                class="Box-sc-g0xbh4-0 fRxPAP"
                 data-component="leadingVisual"
                 sx="[object Object]"
               >
diff --git a/src/renderer/routes/__snapshots__/LoginWithOAuthApp.test.tsx.snap b/src/renderer/routes/__snapshots__/LoginWithOAuthApp.test.tsx.snap
index f924762dc..66e1e0673 100644
--- a/src/renderer/routes/__snapshots__/LoginWithOAuthApp.test.tsx.snap
+++ b/src/renderer/routes/__snapshots__/LoginWithOAuthApp.test.tsx.snap
@@ -13,7 +13,7 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
           class="Box-sc-g0xbh4-0 px-6 py-4"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="stretch"
             data-direction="horizontal"
             data-justify="space-between"
@@ -23,7 +23,7 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
             <button
               aria-describedby=":r0:-loading-announcement"
               aria-labelledby="Go Back"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -53,7 +53,7 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
                 class="Box-sc-g0xbh4-0 mb-2"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -79,7 +79,7 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
                     />
                   </svg>
                   <h2
-                    class="Heading__StyledHeading-sc-1c1dgg0-0 fuhZuh"
+                    class="Heading__StyledHeading-sc-1c1dgg0-0 edgQRQ"
                     sx="[object Object]"
                   >
                     Login with OAuth App
@@ -93,7 +93,7 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
           class="Box-sc-g0xbh4-0 grow overflow-x-auto px-8 pb-2 mb-12 "
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="stretch"
             data-direction="vertical"
             data-gap="normal"
@@ -103,22 +103,22 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
           >
             <div
               alignitems="flex-start"
-              class="Box-sc-g0xbh4-0 XtrQP"
+              class="Box-sc-g0xbh4-0 bBPBma"
               display="flex"
               flexdirection="column"
               sx="[object Object]"
             >
               <label
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hmMihG"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 bQAqvj"
                 for=":r1:"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 kNbgVw"
+                  class="Box-sc-g0xbh4-0 jkXaHp"
                   display="flex"
                 >
                   <div
-                    class="Box-sc-g0xbh4-0 gspezS"
+                    class="Box-sc-g0xbh4-0 hLPsSX"
                     mr="1"
                   >
                     Hostname
@@ -130,14 +130,14 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
               </label>
               <span
                 aria-busy="false"
-                class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 fGSBWG iLQRLY TextInput-wrapper"
+                class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 XzOpf dHJGZl TextInput-wrapper"
                 sx="[object Object]"
               >
                 <input
                   aria-describedby=":r1:-caption"
                   aria-invalid="false"
                   aria-required="true"
-                  class="UnstyledTextInput-sc-14ypya-0 dnEFlY"
+                  class="UnstyledTextInput-sc-14ypya-0 faKrQh"
                   data-component="input"
                   data-testid="login-hostname"
                   id=":r1:"
@@ -148,21 +148,21 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
                 />
               </span>
               <span
-                class="Text-sc-17v1xeu-0 bnvpKU"
+                class="Text-sc-17v1xeu-0 gzBgkN"
                 color="fg.muted"
                 display="block"
                 font-size="0"
                 id=":r1:-caption"
               >
                 <i
-                  class="Text-sc-17v1xeu-0 hmAFGJ"
+                  class="Text-sc-17v1xeu-0 kbcDeY"
                 >
                   Change only if you are using GitHub Enterprise Server
                 </i>
               </span>
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -172,7 +172,7 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
             >
               <button
                 aria-describedby=":r2:-loading-announcement"
-                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                class="types__StyledButton-sc-ws60qy-0 fMOLkq"
                 data-loading="false"
                 data-size="small"
                 data-testid="login-create-oauth-app"
@@ -180,12 +180,12 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
                 type="button"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 srpGE"
+                  class="Box-sc-g0xbh4-0 kBZRdd"
                   data-component="buttonContent"
                   sx="[object Object]"
                 >
                   <span
-                    class="Box-sc-g0xbh4-0 mhHOW"
+                    class="Box-sc-g0xbh4-0 fRxPAP"
                     data-component="leadingVisual"
                     sx="[object Object]"
                   >
@@ -214,11 +214,11 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
                 </span>
               </button>
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ text-xs"
+                class="Text-sc-17v1xeu-0 kbcDeY text-xs"
               >
                 and use your 
                 <i
-                  class="Text-sc-17v1xeu-0 hmAFGJ"
+                  class="Text-sc-17v1xeu-0 kbcDeY"
                 >
                   client id & secret
                 </i>
@@ -227,22 +227,22 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
             </div>
             <div
               alignitems="flex-start"
-              class="Box-sc-g0xbh4-0 XtrQP"
+              class="Box-sc-g0xbh4-0 bBPBma"
               display="flex"
               flexdirection="column"
               sx="[object Object]"
             >
               <label
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hmMihG"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 bQAqvj"
                 for=":r3:"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 kNbgVw"
+                  class="Box-sc-g0xbh4-0 jkXaHp"
                   display="flex"
                 >
                   <div
-                    class="Box-sc-g0xbh4-0 gspezS"
+                    class="Box-sc-g0xbh4-0 hLPsSX"
                     mr="1"
                   >
                     Client ID
@@ -254,14 +254,14 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
               </label>
               <span
                 aria-busy="false"
-                class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 fGSBWG iLQRLY TextInput-wrapper"
+                class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 XzOpf dHJGZl TextInput-wrapper"
                 sx="[object Object]"
               >
                 <input
                   aria-describedby=""
                   aria-invalid="false"
                   aria-required="true"
-                  class="UnstyledTextInput-sc-14ypya-0 dnEFlY"
+                  class="UnstyledTextInput-sc-14ypya-0 faKrQh"
                   data-component="input"
                   data-testid="login-clientId"
                   id=":r3:"
@@ -274,22 +274,22 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
             </div>
             <div
               alignitems="flex-start"
-              class="Box-sc-g0xbh4-0 XtrQP"
+              class="Box-sc-g0xbh4-0 bBPBma"
               display="flex"
               flexdirection="column"
               sx="[object Object]"
             >
               <label
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hmMihG"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 bQAqvj"
                 for=":r4:"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 kNbgVw"
+                  class="Box-sc-g0xbh4-0 jkXaHp"
                   display="flex"
                 >
                   <div
-                    class="Box-sc-g0xbh4-0 gspezS"
+                    class="Box-sc-g0xbh4-0 hLPsSX"
                     mr="1"
                   >
                     Client Secret
@@ -301,14 +301,14 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
               </label>
               <span
                 aria-busy="false"
-                class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 bTIaXm cvYBKD TextInput-wrapper"
+                class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hiEOdf dhuPYe TextInput-wrapper"
                 sx="[object Object]"
               >
                 <input
                   aria-describedby=""
                   aria-invalid="false"
                   aria-required="true"
-                  class="UnstyledTextInput-sc-14ypya-0 dnEFlY"
+                  class="UnstyledTextInput-sc-14ypya-0 faKrQh"
                   data-component="input"
                   data-testid="login-clientSecret"
                   id=":r4:"
@@ -318,7 +318,7 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
                   value=""
                 />
                 <span
-                  class="Box-sc-g0xbh4-0 BAYYW TextInput-action"
+                  class="Box-sc-g0xbh4-0 kRCcob TextInput-action"
                   lineheight="0"
                   marginleft="1"
                   marginright="1"
@@ -326,7 +326,7 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
                   <button
                     aria-describedby=":r6:-loading-announcement"
                     aria-labelledby=":r5:"
-                    class="types__StyledButton-sc-ws60qy-0 lfpsMw"
+                    class="types__StyledButton-sc-ws60qy-0 jFPjzl"
                     data-component="IconButton"
                     data-loading="false"
                     data-no-visuals="true"
@@ -353,7 +353,7 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
                   </button>
                   <span
                     aria-hidden="true"
-                    class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                    class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
                     data-direction="s"
                     id=":r5:"
                     popover="auto"
@@ -369,7 +369,7 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
           class="Box-sc-g0xbh4-0 fixed bottom-0 left-sidebar right-0 bg-gitify-footer"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="stretch"
             data-direction="horizontal"
             data-justify="space-between"
@@ -378,13 +378,13 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
           >
             <span
               aria-label="GitHub documentation"
-              class="Tooltip__TooltipBase-sc-17tf59c-0 fcVRmg tooltipped-n"
+              class="Tooltip__TooltipBase-sc-17tf59c-0 iKRGON tooltipped-n"
               id=":r7:"
               role="tooltip"
             >
               <button
                 aria-describedby=":r8:-loading-announcement"
-                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                class="types__StyledButton-sc-ws60qy-0 fMOLkq"
                 data-loading="false"
                 data-size="small"
                 data-testid="login-docs"
@@ -392,12 +392,12 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
                 type="button"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 srpGE"
+                  class="Box-sc-g0xbh4-0 kBZRdd"
                   data-component="buttonContent"
                   sx="[object Object]"
                 >
                   <span
-                    class="Box-sc-g0xbh4-0 mhHOW"
+                    class="Box-sc-g0xbh4-0 fRxPAP"
                     data-component="leadingVisual"
                     sx="[object Object]"
                   >
@@ -427,25 +427,25 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
               </button>
             </span>
             <div
-              class="Box-sc-g0xbh4-0 hMgwpS"
+              class="Box-sc-g0xbh4-0 iWA-dnf"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby=":r9:-loading-announcement"
-                class="types__StyledButton-sc-ws60qy-0 gEWhIh"
+                class="types__StyledButton-sc-ws60qy-0 vZQzk"
                 data-loading="false"
                 data-testid="login-submit"
                 sx="[object Object]"
                 type="button"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 srpGE"
+                  class="Box-sc-g0xbh4-0 kBZRdd"
                   data-component="buttonContent"
                   sx="[object Object]"
                 >
                   <span
-                    class="Box-sc-g0xbh4-0 mhHOW"
+                    class="Box-sc-g0xbh4-0 fRxPAP"
                     data-component="leadingVisual"
                     sx="[object Object]"
                   >
@@ -488,7 +488,7 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
         class="Box-sc-g0xbh4-0 px-6 py-4"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="stretch"
           data-direction="horizontal"
           data-justify="space-between"
@@ -498,7 +498,7 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
           <button
             aria-describedby=":r0:-loading-announcement"
             aria-labelledby="Go Back"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -528,7 +528,7 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
               class="Box-sc-g0xbh4-0 mb-2"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -554,7 +554,7 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
                   />
                 </svg>
                 <h2
-                  class="Heading__StyledHeading-sc-1c1dgg0-0 fuhZuh"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 edgQRQ"
                   sx="[object Object]"
                 >
                   Login with OAuth App
@@ -568,7 +568,7 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
         class="Box-sc-g0xbh4-0 grow overflow-x-auto px-8 pb-2 mb-12 "
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="stretch"
           data-direction="vertical"
           data-gap="normal"
@@ -578,22 +578,22 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
         >
           <div
             alignitems="flex-start"
-            class="Box-sc-g0xbh4-0 XtrQP"
+            class="Box-sc-g0xbh4-0 bBPBma"
             display="flex"
             flexdirection="column"
             sx="[object Object]"
           >
             <label
-              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hmMihG"
+              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 bQAqvj"
               for=":r1:"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 kNbgVw"
+                class="Box-sc-g0xbh4-0 jkXaHp"
                 display="flex"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 gspezS"
+                  class="Box-sc-g0xbh4-0 hLPsSX"
                   mr="1"
                 >
                   Hostname
@@ -605,14 +605,14 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
             </label>
             <span
               aria-busy="false"
-              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 fGSBWG iLQRLY TextInput-wrapper"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 XzOpf dHJGZl TextInput-wrapper"
               sx="[object Object]"
             >
               <input
                 aria-describedby=":r1:-caption"
                 aria-invalid="false"
                 aria-required="true"
-                class="UnstyledTextInput-sc-14ypya-0 dnEFlY"
+                class="UnstyledTextInput-sc-14ypya-0 faKrQh"
                 data-component="input"
                 data-testid="login-hostname"
                 id=":r1:"
@@ -623,21 +623,21 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
               />
             </span>
             <span
-              class="Text-sc-17v1xeu-0 bnvpKU"
+              class="Text-sc-17v1xeu-0 gzBgkN"
               color="fg.muted"
               display="block"
               font-size="0"
               id=":r1:-caption"
             >
               <i
-                class="Text-sc-17v1xeu-0 hmAFGJ"
+                class="Text-sc-17v1xeu-0 kbcDeY"
               >
                 Change only if you are using GitHub Enterprise Server
               </i>
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -647,7 +647,7 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
           >
             <button
               aria-describedby=":r2:-loading-announcement"
-              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+              class="types__StyledButton-sc-ws60qy-0 fMOLkq"
               data-loading="false"
               data-size="small"
               data-testid="login-create-oauth-app"
@@ -655,12 +655,12 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
               type="button"
             >
               <span
-                class="Box-sc-g0xbh4-0 srpGE"
+                class="Box-sc-g0xbh4-0 kBZRdd"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 mhHOW"
+                  class="Box-sc-g0xbh4-0 fRxPAP"
                   data-component="leadingVisual"
                   sx="[object Object]"
                 >
@@ -689,11 +689,11 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
               </span>
             </button>
             <span
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xs"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xs"
             >
               and use your 
               <i
-                class="Text-sc-17v1xeu-0 hmAFGJ"
+                class="Text-sc-17v1xeu-0 kbcDeY"
               >
                 client id & secret
               </i>
@@ -702,22 +702,22 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
           </div>
           <div
             alignitems="flex-start"
-            class="Box-sc-g0xbh4-0 XtrQP"
+            class="Box-sc-g0xbh4-0 bBPBma"
             display="flex"
             flexdirection="column"
             sx="[object Object]"
           >
             <label
-              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hmMihG"
+              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 bQAqvj"
               for=":r3:"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 kNbgVw"
+                class="Box-sc-g0xbh4-0 jkXaHp"
                 display="flex"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 gspezS"
+                  class="Box-sc-g0xbh4-0 hLPsSX"
                   mr="1"
                 >
                   Client ID
@@ -729,14 +729,14 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
             </label>
             <span
               aria-busy="false"
-              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 fGSBWG iLQRLY TextInput-wrapper"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 XzOpf dHJGZl TextInput-wrapper"
               sx="[object Object]"
             >
               <input
                 aria-describedby=""
                 aria-invalid="false"
                 aria-required="true"
-                class="UnstyledTextInput-sc-14ypya-0 dnEFlY"
+                class="UnstyledTextInput-sc-14ypya-0 faKrQh"
                 data-component="input"
                 data-testid="login-clientId"
                 id=":r3:"
@@ -749,22 +749,22 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
           </div>
           <div
             alignitems="flex-start"
-            class="Box-sc-g0xbh4-0 XtrQP"
+            class="Box-sc-g0xbh4-0 bBPBma"
             display="flex"
             flexdirection="column"
             sx="[object Object]"
           >
             <label
-              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hmMihG"
+              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 bQAqvj"
               for=":r4:"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 kNbgVw"
+                class="Box-sc-g0xbh4-0 jkXaHp"
                 display="flex"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 gspezS"
+                  class="Box-sc-g0xbh4-0 hLPsSX"
                   mr="1"
                 >
                   Client Secret
@@ -776,14 +776,14 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
             </label>
             <span
               aria-busy="false"
-              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 bTIaXm cvYBKD TextInput-wrapper"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hiEOdf dhuPYe TextInput-wrapper"
               sx="[object Object]"
             >
               <input
                 aria-describedby=""
                 aria-invalid="false"
                 aria-required="true"
-                class="UnstyledTextInput-sc-14ypya-0 dnEFlY"
+                class="UnstyledTextInput-sc-14ypya-0 faKrQh"
                 data-component="input"
                 data-testid="login-clientSecret"
                 id=":r4:"
@@ -793,7 +793,7 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
                 value=""
               />
               <span
-                class="Box-sc-g0xbh4-0 BAYYW TextInput-action"
+                class="Box-sc-g0xbh4-0 kRCcob TextInput-action"
                 lineheight="0"
                 marginleft="1"
                 marginright="1"
@@ -801,7 +801,7 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
                 <button
                   aria-describedby=":r6:-loading-announcement"
                   aria-labelledby=":r5:"
-                  class="types__StyledButton-sc-ws60qy-0 lfpsMw"
+                  class="types__StyledButton-sc-ws60qy-0 jFPjzl"
                   data-component="IconButton"
                   data-loading="false"
                   data-no-visuals="true"
@@ -828,7 +828,7 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
                 </button>
                 <span
                   aria-hidden="true"
-                  class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                  class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
                   data-direction="s"
                   id=":r5:"
                   popover="auto"
@@ -844,7 +844,7 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
         class="Box-sc-g0xbh4-0 fixed bottom-0 left-sidebar right-0 bg-gitify-footer"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="stretch"
           data-direction="horizontal"
           data-justify="space-between"
@@ -853,13 +853,13 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
         >
           <span
             aria-label="GitHub documentation"
-            class="Tooltip__TooltipBase-sc-17tf59c-0 fcVRmg tooltipped-n"
+            class="Tooltip__TooltipBase-sc-17tf59c-0 iKRGON tooltipped-n"
             id=":r7:"
             role="tooltip"
           >
             <button
               aria-describedby=":r8:-loading-announcement"
-              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+              class="types__StyledButton-sc-ws60qy-0 fMOLkq"
               data-loading="false"
               data-size="small"
               data-testid="login-docs"
@@ -867,12 +867,12 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
               type="button"
             >
               <span
-                class="Box-sc-g0xbh4-0 srpGE"
+                class="Box-sc-g0xbh4-0 kBZRdd"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 mhHOW"
+                  class="Box-sc-g0xbh4-0 fRxPAP"
                   data-component="leadingVisual"
                   sx="[object Object]"
                 >
@@ -902,25 +902,25 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
             </button>
           </span>
           <div
-            class="Box-sc-g0xbh4-0 hMgwpS"
+            class="Box-sc-g0xbh4-0 iWA-dnf"
             data-loading-wrapper="true"
             sx="[object Object]"
           >
             <button
               aria-describedby=":r9:-loading-announcement"
-              class="types__StyledButton-sc-ws60qy-0 gEWhIh"
+              class="types__StyledButton-sc-ws60qy-0 vZQzk"
               data-loading="false"
               data-testid="login-submit"
               sx="[object Object]"
               type="button"
             >
               <span
-                class="Box-sc-g0xbh4-0 srpGE"
+                class="Box-sc-g0xbh4-0 kBZRdd"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 mhHOW"
+                  class="Box-sc-g0xbh4-0 fRxPAP"
                   data-component="leadingVisual"
                   sx="[object Object]"
                 >
diff --git a/src/renderer/routes/__snapshots__/LoginWithPersonalAccessToken.test.tsx.snap b/src/renderer/routes/__snapshots__/LoginWithPersonalAccessToken.test.tsx.snap
index 37e4a3e44..2ddc00ac8 100644
--- a/src/renderer/routes/__snapshots__/LoginWithPersonalAccessToken.test.tsx.snap
+++ b/src/renderer/routes/__snapshots__/LoginWithPersonalAccessToken.test.tsx.snap
@@ -13,7 +13,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
           class="Box-sc-g0xbh4-0 px-6 py-4"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="stretch"
             data-direction="horizontal"
             data-justify="space-between"
@@ -23,7 +23,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
             <button
               aria-describedby=":r0:-loading-announcement"
               aria-labelledby="Go Back"
-              class="types__StyledButton-sc-ws60qy-0 kQRupk"
+              class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -53,7 +53,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
                 class="Box-sc-g0xbh4-0 mb-2"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -79,7 +79,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
                     />
                   </svg>
                   <h2
-                    class="Heading__StyledHeading-sc-1c1dgg0-0 fuhZuh"
+                    class="Heading__StyledHeading-sc-1c1dgg0-0 edgQRQ"
                     sx="[object Object]"
                   >
                     Login with Personal Access Token
@@ -93,7 +93,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
           class="Box-sc-g0xbh4-0 grow overflow-x-auto px-8 pb-2 mb-12 "
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="stretch"
             data-direction="vertical"
             data-gap="normal"
@@ -103,22 +103,22 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
           >
             <div
               alignitems="flex-start"
-              class="Box-sc-g0xbh4-0 XtrQP"
+              class="Box-sc-g0xbh4-0 bBPBma"
               display="flex"
               flexdirection="column"
               sx="[object Object]"
             >
               <label
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hmMihG"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 bQAqvj"
                 for=":r1:"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 kNbgVw"
+                  class="Box-sc-g0xbh4-0 jkXaHp"
                   display="flex"
                 >
                   <div
-                    class="Box-sc-g0xbh4-0 gspezS"
+                    class="Box-sc-g0xbh4-0 hLPsSX"
                     mr="1"
                   >
                     Hostname
@@ -130,14 +130,14 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
               </label>
               <span
                 aria-busy="false"
-                class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 fGSBWG iLQRLY TextInput-wrapper"
+                class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 XzOpf dHJGZl TextInput-wrapper"
                 sx="[object Object]"
               >
                 <input
                   aria-describedby=":r1:-caption"
                   aria-invalid="false"
                   aria-required="true"
-                  class="UnstyledTextInput-sc-14ypya-0 dnEFlY"
+                  class="UnstyledTextInput-sc-14ypya-0 faKrQh"
                   data-component="input"
                   data-testid="login-hostname"
                   id=":r1:"
@@ -148,21 +148,21 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
                 />
               </span>
               <span
-                class="Text-sc-17v1xeu-0 bnvpKU"
+                class="Text-sc-17v1xeu-0 gzBgkN"
                 color="fg.muted"
                 display="block"
                 font-size="0"
                 id=":r1:-caption"
               >
                 <i
-                  class="Text-sc-17v1xeu-0 hmAFGJ"
+                  class="Text-sc-17v1xeu-0 kbcDeY"
                 >
                   Change only if you are using GitHub Enterprise Server
                 </i>
               </span>
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="stretch"
               data-direction="vertical"
               data-gap="condensed"
@@ -171,7 +171,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
               data-wrap="nowrap"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -181,7 +181,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
               >
                 <button
                   aria-describedby=":r2:-loading-announcement"
-                  class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                  class="types__StyledButton-sc-ws60qy-0 fMOLkq"
                   data-loading="false"
                   data-size="small"
                   data-testid="login-create-token"
@@ -189,12 +189,12 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
                   type="button"
                 >
                   <span
-                    class="Box-sc-g0xbh4-0 srpGE"
+                    class="Box-sc-g0xbh4-0 kBZRdd"
                     data-component="buttonContent"
                     sx="[object Object]"
                   >
                     <span
-                      class="Box-sc-g0xbh4-0 mhHOW"
+                      class="Box-sc-g0xbh4-0 fRxPAP"
                       data-component="leadingVisual"
                       sx="[object Object]"
                     >
@@ -223,24 +223,24 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
                   </span>
                 </button>
                 <span
-                  class="Text-sc-17v1xeu-0 hmAFGJ text-xs"
+                  class="Text-sc-17v1xeu-0 kbcDeY text-xs"
                 >
                   on GitHub to paste the token below.
                 </span>
               </div>
               <i
-                class="Text-sc-17v1xeu-0 hmAFGJ text-xs"
+                class="Text-sc-17v1xeu-0 kbcDeY text-xs"
               >
                 The
                  
                 <span
                   aria-label="read:user, notifications, repo"
-                  class="Tooltip__TooltipBase-sc-17tf59c-0 fcVRmg tooltipped-se"
+                  class="Tooltip__TooltipBase-sc-17tf59c-0 iKRGON tooltipped-se"
                   id=":r3:"
                   role="tooltip"
                 >
                   <u
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    class="Text-sc-17v1xeu-0 kbcDeY"
                   >
                     required scopes
                   </u>
@@ -251,22 +251,22 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
             </div>
             <div
               alignitems="flex-start"
-              class="Box-sc-g0xbh4-0 XtrQP"
+              class="Box-sc-g0xbh4-0 bBPBma"
               display="flex"
               flexdirection="column"
               sx="[object Object]"
             >
               <label
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hmMihG"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 bQAqvj"
                 for=":r4:"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 kNbgVw"
+                  class="Box-sc-g0xbh4-0 jkXaHp"
                   display="flex"
                 >
                   <div
-                    class="Box-sc-g0xbh4-0 gspezS"
+                    class="Box-sc-g0xbh4-0 hLPsSX"
                     mr="1"
                   >
                     Token
@@ -278,14 +278,14 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
               </label>
               <span
                 aria-busy="false"
-                class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 bTIaXm cvYBKD TextInput-wrapper"
+                class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hiEOdf dhuPYe TextInput-wrapper"
                 sx="[object Object]"
               >
                 <input
                   aria-describedby=""
                   aria-invalid="false"
                   aria-required="true"
-                  class="UnstyledTextInput-sc-14ypya-0 dnEFlY"
+                  class="UnstyledTextInput-sc-14ypya-0 faKrQh"
                   data-component="input"
                   data-testid="login-token"
                   id=":r4:"
@@ -295,7 +295,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
                   value=""
                 />
                 <span
-                  class="Box-sc-g0xbh4-0 BAYYW TextInput-action"
+                  class="Box-sc-g0xbh4-0 kRCcob TextInput-action"
                   lineheight="0"
                   marginleft="1"
                   marginright="1"
@@ -303,7 +303,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
                   <button
                     aria-describedby=":r6:-loading-announcement"
                     aria-labelledby=":r5:"
-                    class="types__StyledButton-sc-ws60qy-0 lfpsMw"
+                    class="types__StyledButton-sc-ws60qy-0 jFPjzl"
                     data-component="IconButton"
                     data-loading="false"
                     data-no-visuals="true"
@@ -330,7 +330,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
                   </button>
                   <span
                     aria-hidden="true"
-                    class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                    class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
                     data-direction="s"
                     id=":r5:"
                     popover="auto"
@@ -346,7 +346,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
           class="Box-sc-g0xbh4-0 fixed bottom-0 left-sidebar right-0 bg-gitify-footer"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="stretch"
             data-direction="horizontal"
             data-justify="space-between"
@@ -355,13 +355,13 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
           >
             <span
               aria-label="GitHub documentation"
-              class="Tooltip__TooltipBase-sc-17tf59c-0 fcVRmg tooltipped-ne"
+              class="Tooltip__TooltipBase-sc-17tf59c-0 iKRGON tooltipped-ne"
               id=":r7:"
               role="tooltip"
             >
               <button
                 aria-describedby=":r8:-loading-announcement"
-                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                class="types__StyledButton-sc-ws60qy-0 fMOLkq"
                 data-loading="false"
                 data-size="small"
                 data-testid="login-docs"
@@ -369,12 +369,12 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
                 type="button"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 srpGE"
+                  class="Box-sc-g0xbh4-0 kBZRdd"
                   data-component="buttonContent"
                   sx="[object Object]"
                 >
                   <span
-                    class="Box-sc-g0xbh4-0 mhHOW"
+                    class="Box-sc-g0xbh4-0 fRxPAP"
                     data-component="leadingVisual"
                     sx="[object Object]"
                   >
@@ -404,25 +404,25 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
               </button>
             </span>
             <div
-              class="Box-sc-g0xbh4-0 hMgwpS"
+              class="Box-sc-g0xbh4-0 iWA-dnf"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby=":r9:-loading-announcement"
-                class="types__StyledButton-sc-ws60qy-0 gEWhIh"
+                class="types__StyledButton-sc-ws60qy-0 vZQzk"
                 data-loading="false"
                 data-testid="login-submit"
                 sx="[object Object]"
                 type="button"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 srpGE"
+                  class="Box-sc-g0xbh4-0 kBZRdd"
                   data-component="buttonContent"
                   sx="[object Object]"
                 >
                   <span
-                    class="Box-sc-g0xbh4-0 mhHOW"
+                    class="Box-sc-g0xbh4-0 fRxPAP"
                     data-component="leadingVisual"
                     sx="[object Object]"
                   >
@@ -465,7 +465,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
         class="Box-sc-g0xbh4-0 px-6 py-4"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="stretch"
           data-direction="horizontal"
           data-justify="space-between"
@@ -475,7 +475,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
           <button
             aria-describedby=":r0:-loading-announcement"
             aria-labelledby="Go Back"
-            class="types__StyledButton-sc-ws60qy-0 kQRupk"
+            class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -505,7 +505,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
               class="Box-sc-g0xbh4-0 mb-2"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -531,7 +531,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
                   />
                 </svg>
                 <h2
-                  class="Heading__StyledHeading-sc-1c1dgg0-0 fuhZuh"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 edgQRQ"
                   sx="[object Object]"
                 >
                   Login with Personal Access Token
@@ -545,7 +545,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
         class="Box-sc-g0xbh4-0 grow overflow-x-auto px-8 pb-2 mb-12 "
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="stretch"
           data-direction="vertical"
           data-gap="normal"
@@ -555,22 +555,22 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
         >
           <div
             alignitems="flex-start"
-            class="Box-sc-g0xbh4-0 XtrQP"
+            class="Box-sc-g0xbh4-0 bBPBma"
             display="flex"
             flexdirection="column"
             sx="[object Object]"
           >
             <label
-              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hmMihG"
+              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 bQAqvj"
               for=":r1:"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 kNbgVw"
+                class="Box-sc-g0xbh4-0 jkXaHp"
                 display="flex"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 gspezS"
+                  class="Box-sc-g0xbh4-0 hLPsSX"
                   mr="1"
                 >
                   Hostname
@@ -582,14 +582,14 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
             </label>
             <span
               aria-busy="false"
-              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 fGSBWG iLQRLY TextInput-wrapper"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 XzOpf dHJGZl TextInput-wrapper"
               sx="[object Object]"
             >
               <input
                 aria-describedby=":r1:-caption"
                 aria-invalid="false"
                 aria-required="true"
-                class="UnstyledTextInput-sc-14ypya-0 dnEFlY"
+                class="UnstyledTextInput-sc-14ypya-0 faKrQh"
                 data-component="input"
                 data-testid="login-hostname"
                 id=":r1:"
@@ -600,21 +600,21 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
               />
             </span>
             <span
-              class="Text-sc-17v1xeu-0 bnvpKU"
+              class="Text-sc-17v1xeu-0 gzBgkN"
               color="fg.muted"
               display="block"
               font-size="0"
               id=":r1:-caption"
             >
               <i
-                class="Text-sc-17v1xeu-0 hmAFGJ"
+                class="Text-sc-17v1xeu-0 kbcDeY"
               >
                 Change only if you are using GitHub Enterprise Server
               </i>
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="stretch"
             data-direction="vertical"
             data-gap="condensed"
@@ -623,7 +623,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
             data-wrap="nowrap"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -633,7 +633,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
             >
               <button
                 aria-describedby=":r2:-loading-announcement"
-                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                class="types__StyledButton-sc-ws60qy-0 fMOLkq"
                 data-loading="false"
                 data-size="small"
                 data-testid="login-create-token"
@@ -641,12 +641,12 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
                 type="button"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 srpGE"
+                  class="Box-sc-g0xbh4-0 kBZRdd"
                   data-component="buttonContent"
                   sx="[object Object]"
                 >
                   <span
-                    class="Box-sc-g0xbh4-0 mhHOW"
+                    class="Box-sc-g0xbh4-0 fRxPAP"
                     data-component="leadingVisual"
                     sx="[object Object]"
                   >
@@ -675,24 +675,24 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
                 </span>
               </button>
               <span
-                class="Text-sc-17v1xeu-0 hmAFGJ text-xs"
+                class="Text-sc-17v1xeu-0 kbcDeY text-xs"
               >
                 on GitHub to paste the token below.
               </span>
             </div>
             <i
-              class="Text-sc-17v1xeu-0 hmAFGJ text-xs"
+              class="Text-sc-17v1xeu-0 kbcDeY text-xs"
             >
               The
                
               <span
                 aria-label="read:user, notifications, repo"
-                class="Tooltip__TooltipBase-sc-17tf59c-0 fcVRmg tooltipped-se"
+                class="Tooltip__TooltipBase-sc-17tf59c-0 iKRGON tooltipped-se"
                 id=":r3:"
                 role="tooltip"
               >
                 <u
-                  class="Text-sc-17v1xeu-0 hmAFGJ"
+                  class="Text-sc-17v1xeu-0 kbcDeY"
                 >
                   required scopes
                 </u>
@@ -703,22 +703,22 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
           </div>
           <div
             alignitems="flex-start"
-            class="Box-sc-g0xbh4-0 XtrQP"
+            class="Box-sc-g0xbh4-0 bBPBma"
             display="flex"
             flexdirection="column"
             sx="[object Object]"
           >
             <label
-              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hmMihG"
+              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 bQAqvj"
               for=":r4:"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 kNbgVw"
+                class="Box-sc-g0xbh4-0 jkXaHp"
                 display="flex"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 gspezS"
+                  class="Box-sc-g0xbh4-0 hLPsSX"
                   mr="1"
                 >
                   Token
@@ -730,14 +730,14 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
             </label>
             <span
               aria-busy="false"
-              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 bTIaXm cvYBKD TextInput-wrapper"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hiEOdf dhuPYe TextInput-wrapper"
               sx="[object Object]"
             >
               <input
                 aria-describedby=""
                 aria-invalid="false"
                 aria-required="true"
-                class="UnstyledTextInput-sc-14ypya-0 dnEFlY"
+                class="UnstyledTextInput-sc-14ypya-0 faKrQh"
                 data-component="input"
                 data-testid="login-token"
                 id=":r4:"
@@ -747,7 +747,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
                 value=""
               />
               <span
-                class="Box-sc-g0xbh4-0 BAYYW TextInput-action"
+                class="Box-sc-g0xbh4-0 kRCcob TextInput-action"
                 lineheight="0"
                 marginleft="1"
                 marginright="1"
@@ -755,7 +755,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
                 <button
                   aria-describedby=":r6:-loading-announcement"
                   aria-labelledby=":r5:"
-                  class="types__StyledButton-sc-ws60qy-0 lfpsMw"
+                  class="types__StyledButton-sc-ws60qy-0 jFPjzl"
                   data-component="IconButton"
                   data-loading="false"
                   data-no-visuals="true"
@@ -782,7 +782,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
                 </button>
                 <span
                   aria-hidden="true"
-                  class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                  class="Tooltip__StyledTooltip-sc-e45c7z-0 iGLWBy"
                   data-direction="s"
                   id=":r5:"
                   popover="auto"
@@ -798,7 +798,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
         class="Box-sc-g0xbh4-0 fixed bottom-0 left-sidebar right-0 bg-gitify-footer"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="stretch"
           data-direction="horizontal"
           data-justify="space-between"
@@ -807,13 +807,13 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
         >
           <span
             aria-label="GitHub documentation"
-            class="Tooltip__TooltipBase-sc-17tf59c-0 fcVRmg tooltipped-ne"
+            class="Tooltip__TooltipBase-sc-17tf59c-0 iKRGON tooltipped-ne"
             id=":r7:"
             role="tooltip"
           >
             <button
               aria-describedby=":r8:-loading-announcement"
-              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+              class="types__StyledButton-sc-ws60qy-0 fMOLkq"
               data-loading="false"
               data-size="small"
               data-testid="login-docs"
@@ -821,12 +821,12 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
               type="button"
             >
               <span
-                class="Box-sc-g0xbh4-0 srpGE"
+                class="Box-sc-g0xbh4-0 kBZRdd"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 mhHOW"
+                  class="Box-sc-g0xbh4-0 fRxPAP"
                   data-component="leadingVisual"
                   sx="[object Object]"
                 >
@@ -856,25 +856,25 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
             </button>
           </span>
           <div
-            class="Box-sc-g0xbh4-0 hMgwpS"
+            class="Box-sc-g0xbh4-0 iWA-dnf"
             data-loading-wrapper="true"
             sx="[object Object]"
           >
             <button
               aria-describedby=":r9:-loading-announcement"
-              class="types__StyledButton-sc-ws60qy-0 gEWhIh"
+              class="types__StyledButton-sc-ws60qy-0 vZQzk"
               data-loading="false"
               data-testid="login-submit"
               sx="[object Object]"
               type="button"
             >
               <span
-                class="Box-sc-g0xbh4-0 srpGE"
+                class="Box-sc-g0xbh4-0 kBZRdd"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 mhHOW"
+                  class="Box-sc-g0xbh4-0 fRxPAP"
                   data-component="leadingVisual"
                   sx="[object Object]"
                 >
diff --git a/src/renderer/routes/__snapshots__/Settings.test.tsx.snap b/src/renderer/routes/__snapshots__/Settings.test.tsx.snap
index 32cf631e4..9945f806d 100644
--- a/src/renderer/routes/__snapshots__/Settings.test.tsx.snap
+++ b/src/renderer/routes/__snapshots__/Settings.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
     class="Box-sc-g0xbh4-0 px-6 py-4"
   >
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
       data-align="stretch"
       data-direction="horizontal"
       data-justify="space-between"
@@ -19,7 +19,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
       <button
         aria-describedby=":r0:-loading-announcement"
         aria-labelledby="Go Back"
-        class="types__StyledButton-sc-ws60qy-0 kQRupk"
+        class="types__StyledButton-sc-ws60qy-0 fnbkrJ"
         data-component="IconButton"
         data-loading="false"
         data-no-visuals="true"
@@ -49,7 +49,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
           class="Box-sc-g0xbh4-0 mb-2"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -75,7 +75,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
               />
             </svg>
             <h2
-              class="Heading__StyledHeading-sc-1c1dgg0-0 fuhZuh"
+              class="Heading__StyledHeading-sc-1c1dgg0-0 edgQRQ"
               sx="[object Object]"
             >
               Settings
@@ -89,7 +89,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
     class="Box-sc-g0xbh4-0 grow overflow-x-auto px-8 pb-2 mb-12 "
   >
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
       data-align="stretch"
       data-direction="vertical"
       data-gap="spacious"
@@ -103,7 +103,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             class="Box-sc-g0xbh4-0 mb-2"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -129,7 +129,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
                 />
               </svg>
               <h2
-                class="Heading__StyledHeading-sc-1c1dgg0-0 lfvrLU"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 eQYHUB"
                 sx="[object Object]"
               >
                 Appearance
@@ -138,7 +138,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
           </div>
         </legend>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="stretch"
           data-direction="vertical"
           data-gap="condensed"
@@ -147,7 +147,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -162,12 +162,12 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
               Theme:
             </label>
             <span
-              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 gSHUap iCKcNi"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 jzaaVI jsLSVP"
               sx="[object Object]"
             >
               <select
                 aria-invalid="false"
-                class="Select__StyledSelect-sc-li6bhs-0 gdxHkq"
+                class="Select__StyledSelect-sc-li6bhs-0 jicKff"
                 data-hasplaceholder="false"
                 data-testid="settings-theme"
                 id="theme"
@@ -237,7 +237,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
               </select>
               <svg
                 aria-hidden="true"
-                class="Select__ArrowIndicator-sc-li6bhs-1 eMZdJP"
+                class="Select__ArrowIndicator-sc-li6bhs-1 jfZJva"
                 fill="currentColor"
                 height="16"
                 width="16"
@@ -250,7 +250,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -265,12 +265,12 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
               Zoom:
             </label>
             <div
-              class="ButtonGroup-sc-1gxhls1-0 jXbkKi ml-2"
+              class="ButtonGroup-sc-1gxhls1-0 uSuGz ml-2"
             >
               <button
                 aria-describedby=":r1:-loading-announcement"
                 aria-label="Zoom out"
-                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                class="types__StyledButton-sc-ws60qy-0 fMOLkq"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -299,7 +299,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
               <button
                 aria-describedby=":r2:-loading-announcement"
                 aria-label="Zoom percentage"
-                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                class="types__StyledButton-sc-ws60qy-0 fMOLkq"
                 data-loading="false"
                 data-no-visuals="true"
                 data-size="small"
@@ -308,7 +308,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
                 type="button"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 srpGE"
+                  class="Box-sc-g0xbh4-0 kBZRdd"
                   data-component="buttonContent"
                   sx="[object Object]"
                 >
@@ -323,7 +323,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
               <button
                 aria-describedby=":r3:-loading-announcement"
                 aria-label="Zoom in"
-                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                class="types__StyledButton-sc-ws60qy-0 fMOLkq"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -352,7 +352,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
               <button
                 aria-describedby=":r4:-loading-announcement"
                 aria-label="Reset zoom"
-                class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+                class="types__StyledButton-sc-ws60qy-0 fgzDQD"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -381,7 +381,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -433,7 +433,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             class="Box-sc-g0xbh4-0 mb-2"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -459,7 +459,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
                 />
               </svg>
               <h2
-                class="Heading__StyledHeading-sc-1c1dgg0-0 lfvrLU"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 eQYHUB"
                 sx="[object Object]"
               >
                 Notifications
@@ -468,7 +468,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
           </div>
         </legend>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="stretch"
           data-direction="vertical"
           data-gap="condensed"
@@ -477,7 +477,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -492,7 +492,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
               Group by:
             </label>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -517,7 +517,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
               </label>
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -542,7 +542,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -588,7 +588,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -637,7 +637,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             class="Box-sc-g0xbh4-0 pl-6"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="stretch"
               data-direction="vertical"
               data-gap="condensed"
@@ -646,7 +646,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
               data-wrap="nowrap"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -692,7 +692,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
                 </div>
               </div>
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+                class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -740,7 +740,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -785,7 +785,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -830,7 +830,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -875,7 +875,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -927,7 +927,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             class="Box-sc-g0xbh4-0 mb-2"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -953,7 +953,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
                 />
               </svg>
               <h2
-                class="Heading__StyledHeading-sc-1c1dgg0-0 lfvrLU"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 eQYHUB"
                 sx="[object Object]"
               >
                 System
@@ -962,7 +962,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
           </div>
         </legend>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
           data-align="stretch"
           data-direction="vertical"
           data-gap="condensed"
@@ -971,7 +971,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -986,7 +986,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
               Open Links:
             </label>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -1011,7 +1011,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
               </label>
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -1036,7 +1036,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1082,7 +1082,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1105,7 +1105,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </label>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1128,7 +1128,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </label>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1151,7 +1151,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </label>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1196,7 +1196,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1220,7 +1220,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
         </div>
       </fieldset>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="center"
         data-direction="vertical"
         data-justify="start"
@@ -1229,7 +1229,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
       >
         <button
           aria-describedby=":r5:-loading-announcement"
-          class="types__StyledButton-sc-ws60qy-0 fyPjMX"
+          class="types__StyledButton-sc-ws60qy-0 esRMbK"
           data-loading="false"
           data-no-visuals="true"
           data-testid="settings-reset"
@@ -1237,7 +1237,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
           type="button"
         >
           <span
-            class="Box-sc-g0xbh4-0 srpGE"
+            class="Box-sc-g0xbh4-0 kBZRdd"
             data-component="buttonContent"
             sx="[object Object]"
           >
@@ -1255,7 +1255,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
     class="Box-sc-g0xbh4-0 fixed bottom-0 left-sidebar right-0 bg-gitify-footer"
   >
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+      class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
       data-align="stretch"
       data-direction="horizontal"
       data-justify="space-between"
@@ -1263,7 +1263,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
       data-wrap="nowrap"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="stretch"
         data-direction="horizontal"
         data-justify="start"
@@ -1272,13 +1272,13 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
       >
         <span
           aria-label="View release notes"
-          class="Tooltip__TooltipBase-sc-17tf59c-0 fcVRmg tooltipped-n"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 iKRGON tooltipped-n"
           id=":r6:"
           role="tooltip"
         >
           <button
             aria-describedby=":r7:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+            class="types__StyledButton-sc-ws60qy-0 fMOLkq"
             data-loading="false"
             data-no-visuals="true"
             data-testid="settings-release-notes"
@@ -1286,7 +1286,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 srpGE"
+              class="Box-sc-g0xbh4-0 kBZRdd"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -1302,7 +1302,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
         </span>
       </div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        class="Stack__StyledStack-sc-x3xa2i-0 kooAIZ"
         data-align="stretch"
         data-direction="horizontal"
         data-gap="normal"
@@ -1312,14 +1312,14 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
       >
         <span
           aria-label="Accounts"
-          class="Tooltip__TooltipBase-sc-17tf59c-0 fcVRmg tooltipped-n"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 iKRGON tooltipped-n"
           id=":r8:"
           role="tooltip"
         >
           <button
             aria-describedby=":r9:-loading-announcement"
             aria-label="Accounts"
-            class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+            class="types__StyledButton-sc-ws60qy-0 fMOLkq"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -1347,14 +1347,14 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
         </span>
         <span
           aria-label="Quit Gitify"
-          class="Tooltip__TooltipBase-sc-17tf59c-0 fcVRmg tooltipped-nw"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 iKRGON tooltipped-nw"
           id=":ra:"
           role="tooltip"
         >
           <button
             aria-describedby=":rb:-loading-announcement"
             aria-label="Quit Gitify"
-            class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+            class="types__StyledButton-sc-ws60qy-0 fgzDQD"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"