diff --git a/package.json b/package.json
index 360a07dda..3bc82fb09 100644
--- a/package.json
+++ b/package.json
@@ -112,7 +112,7 @@
     "postcss-loader": "8.1.1",
     "rimraf": "6.0.1",
     "semver": "7.7.1",
-    "styled-components": "6.1.16",
+    "styled-components": "6.1.17",
     "tailwind-merge": "3.1.0",
     "tailwindcss": "4.1.1",
     "terser-webpack-plugin": "5.3.14",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 640c3e47e..3a45c7af4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -50,7 +50,7 @@ importers:
         version: 10.5.0
       '@primer/react':
         specifier: 36.27.0
-        version: 36.27.0(@types/react-dom@19.1.1(@types/react@19.1.0))(@types/react@19.1.0)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(styled-components@6.1.16(react-dom@19.1.0(react@19.1.0))(react@19.1.0))
+        version: 36.27.0(@types/react-dom@19.1.1(@types/react@19.1.0))(@types/react@19.1.0)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(styled-components@6.1.17(react-dom@19.1.0(react@19.1.0))(react@19.1.0))
       '@tailwindcss/postcss':
         specifier: 4.1.1
         version: 4.1.1
@@ -139,8 +139,8 @@ importers:
         specifier: 7.7.1
         version: 7.7.1
       styled-components:
-        specifier: 6.1.16
-        version: 6.1.16(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+        specifier: 6.1.17
+        version: 6.1.17(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       tailwind-merge:
         specifier: 3.1.0
         version: 3.1.0
@@ -3936,8 +3936,8 @@ packages:
   style-to-object@0.4.4:
     resolution: {integrity: sha512-HYNoHZa2GorYNyqiCaBgsxvcJIn7OHq6inEga+E6Ke3m5JkoqpQbnFssk4jwe+K7AhGa2fcha4wSOf1Kn01dMg==}
 
-  styled-components@6.1.16:
-    resolution: {integrity: sha512-KpWB6ORAWGmbWM10cDJfEV6sXc/uVkkkQV3SLwTNQ/E/PqWgNHIoMSLh1Lnk2FkB9+JHK7uuMq1i+9ArxDD7iQ==}
+  styled-components@6.1.17:
+    resolution: {integrity: sha512-97D7DwWanI7nN24v0D4SvbfjLE9656umNSJZkBkDIWL37aZqG/wRQ+Y9pWtXyBIM/NSfcBzHLErEsqHmJNSVUg==}
     engines: {node: '>= 16'}
     peerDependencies:
       react: '>= 16.8.0'
@@ -4676,7 +4676,7 @@ snapshots:
 
   '@electron/notarize@2.2.1':
     dependencies:
-      debug: 4.3.4
+      debug: 4.4.0
       fs-extra: 9.1.0
       promise-retry: 2.0.1
     transitivePeerDependencies:
@@ -4700,7 +4700,7 @@ snapshots:
   '@electron/osx-sign@1.0.5':
     dependencies:
       compare-version: 0.1.2
-      debug: 4.3.4
+      debug: 4.4.0
       fs-extra: 10.1.0
       isbinaryfile: 4.0.10
       minimist: 1.2.8
@@ -4747,7 +4747,7 @@ snapshots:
     dependencies:
       '@electron/asar': 3.2.18
       '@malept/cross-spawn-promise': 1.1.1
-      debug: 4.3.4
+      debug: 4.4.0
       dir-compare: 3.3.0
       fs-extra: 9.1.0
       minimatch: 3.1.2
@@ -5045,7 +5045,7 @@ snapshots:
 
   '@primer/primitives@7.17.1': {}
 
-  '@primer/react@36.27.0(@types/react-dom@19.1.1(@types/react@19.1.0))(@types/react@19.1.0)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(styled-components@6.1.16(react-dom@19.1.0(react@19.1.0))(react@19.1.0))':
+  '@primer/react@36.27.0(@types/react-dom@19.1.1(@types/react@19.1.0))(@types/react@19.1.0)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(styled-components@6.1.17(react-dom@19.1.0(react@19.1.0))(react@19.1.0))':
     dependencies:
       '@github/combobox-nav': 2.3.1
       '@github/markdown-toolbar-element': 2.2.3
@@ -5078,7 +5078,7 @@ snapshots:
       react-intersection-observer: 9.13.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react-is: 18.2.0
       react-markdown: 8.0.7(@types/react@19.1.0)(react@19.1.0)
-      styled-components: 6.1.16(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      styled-components: 6.1.17(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       styled-system: 5.1.5
     optionalDependencies:
       '@types/react': 19.1.0
@@ -5632,7 +5632,7 @@ snapshots:
       builder-util: 24.13.1
       builder-util-runtime: 9.2.4
       chromium-pickle-js: 0.2.0
-      debug: 4.3.4
+      debug: 4.4.0
       dmg-builder: 25.1.8(electron-builder-squirrel-windows@24.13.3)
       ejs: 3.1.10
       electron-builder-squirrel-windows: 24.13.3(dmg-builder@25.1.8)
@@ -5893,7 +5893,7 @@ snapshots:
 
   builder-util-runtime@9.2.4:
     dependencies:
-      debug: 4.3.4
+      debug: 4.4.0
       sax: 1.3.0
     transitivePeerDependencies:
       - supports-color
@@ -5914,7 +5914,7 @@ snapshots:
       builder-util-runtime: 9.2.4
       chalk: 4.1.2
       cross-spawn: 7.0.6
-      debug: 4.3.4
+      debug: 4.4.0
       fs-extra: 10.1.0
       http-proxy-agent: 5.0.0
       https-proxy-agent: 5.0.1
@@ -8862,7 +8862,7 @@ snapshots:
     dependencies:
       inline-style-parser: 0.1.1
 
-  styled-components@6.1.16(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
+  styled-components@6.1.17(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
     dependencies:
       '@emotion/is-prop-valid': 1.2.2
       '@emotion/unitless': 0.8.1
diff --git a/src/renderer/components/__snapshots__/AllRead.test.tsx.snap b/src/renderer/components/__snapshots__/AllRead.test.tsx.snap
index c509ee8a8..528aa9e99 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 iqrTOO h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 iqrTOO h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 iqrTOO h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 e78d414ae..0500f831b 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 iqrTOO h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 iqrTOO h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 iqrTOO h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 18c795893..322dc5503 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 fJDLsl"
+  class="types__StyledButton-sc-ws60qy-0 cctliY"
   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 fJDLsl"
+  class="types__StyledButton-sc-ws60qy-0 cctliY"
   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 iqrTOO fixed left-sidebar -ml-sidebar w-sidebar h-full bg-gitify-sidebar text-white"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 bnoNfJ"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
             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 ctHNek"
+            class="types__StyledButton-sc-ws60qy-0 gUPoRV"
             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 bnoNfJ"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
             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 fJDLsl"
+            class="types__StyledButton-sc-ws60qy-0 cctliY"
             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 bnoNfJ"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
             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 fJDLsl"
+            class="types__StyledButton-sc-ws60qy-0 cctliY"
             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 bnoNfJ"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
             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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 fJDLsl"
+            class="types__StyledButton-sc-ws60qy-0 cctliY"
             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 bnoNfJ"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
             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 iqrTOO fixed left-sidebar -ml-sidebar w-sidebar h-full bg-gitify-sidebar text-white"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 fLllbW"
+          class="types__StyledButton-sc-ws60qy-0 gVycBz"
           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 bnoNfJ"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
           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 ctHNek"
+          class="types__StyledButton-sc-ws60qy-0 gUPoRV"
           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 bnoNfJ"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
           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 fJDLsl"
+          class="types__StyledButton-sc-ws60qy-0 cctliY"
           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 bnoNfJ"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
           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 fJDLsl"
+          class="types__StyledButton-sc-ws60qy-0 cctliY"
           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 bnoNfJ"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
           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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 fJDLsl"
+          class="types__StyledButton-sc-ws60qy-0 cctliY"
           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 bnoNfJ"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
           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 iqrTOO fixed left-sidebar -ml-sidebar w-sidebar h-full bg-gitify-sidebar text-white"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 bnoNfJ"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
             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 ctHNek"
+            class="types__StyledButton-sc-ws60qy-0 gUPoRV"
             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 bnoNfJ"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
             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 fJDLsl"
+            class="types__StyledButton-sc-ws60qy-0 cctliY"
             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 bnoNfJ"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
             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 fJDLsl"
+            class="types__StyledButton-sc-ws60qy-0 cctliY"
             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 bnoNfJ"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
             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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 fJDLsl"
+            class="types__StyledButton-sc-ws60qy-0 cctliY"
             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 bnoNfJ"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
             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 iqrTOO fixed left-sidebar -ml-sidebar w-sidebar h-full bg-gitify-sidebar text-white"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 fLllbW"
+          class="types__StyledButton-sc-ws60qy-0 gVycBz"
           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 bnoNfJ"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
           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 ctHNek"
+          class="types__StyledButton-sc-ws60qy-0 gUPoRV"
           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 bnoNfJ"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
           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 fJDLsl"
+          class="types__StyledButton-sc-ws60qy-0 cctliY"
           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 bnoNfJ"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
           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 fJDLsl"
+          class="types__StyledButton-sc-ws60qy-0 cctliY"
           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 bnoNfJ"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
           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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 fJDLsl"
+          class="types__StyledButton-sc-ws60qy-0 cctliY"
           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 bnoNfJ"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
           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 6f2da5fbc..cfaadde7f 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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 dpBYZR"
+          class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
           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 iqrTOO"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
       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 dpBYZR"
+        class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
         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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 dpBYZR"
+          class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
           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 iqrTOO"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
       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 dpBYZR"
+        class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
         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 iqrTOO"
+  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
   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 gqvLBU"
+    class="Avatar__StyledAvatar-sc-2lv0r8-0 bYVpTh"
     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 dpBYZR"
+    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
     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 iqrTOO"
+  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
   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 eNDtna"
+    class="Avatar__StyledAvatar-sc-2lv0r8-0 eGQQJz"
     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 dpBYZR"
+    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
     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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 gqvLBU"
+          class="Avatar__StyledAvatar-sc-2lv0r8-0 bYVpTh"
           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 dpBYZR"
+          class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
           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 iqrTOO"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
       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 gqvLBU"
+        class="Avatar__StyledAvatar-sc-2lv0r8-0 bYVpTh"
         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 dpBYZR"
+        class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
         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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 eNDtna"
+          class="Avatar__StyledAvatar-sc-2lv0r8-0 eGQQJz"
           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 dpBYZR"
+          class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
           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 iqrTOO"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
       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 eNDtna"
+        class="Avatar__StyledAvatar-sc-2lv0r8-0 eGQQJz"
         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 dpBYZR"
+        class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
         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 e3b15bee8..56d54b0d4 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 iqrTOO text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -200,7 +200,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - positive counte
           Appearance
         </label>
         <span
-          class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-primary"
+          class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-primary"
         >
           5
         </span>
@@ -209,7 +209,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - positive counte
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -231,7 +231,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - positive counte
         Appearance
       </label>
       <span
-        class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-primary"
+        class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-primary"
       >
         5
       </span>
@@ -297,7 +297,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - positive counte
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -318,7 +318,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - positive counte
           Appearance
         </label>
         <span
-          class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+          class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
         >
           5
         </span>
@@ -327,7 +327,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - positive counte
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -348,7 +348,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - positive counte
         Appearance
       </label>
       <span
-        class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+        class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
       >
         5
       </span>
@@ -414,7 +414,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - tooltip 1`] = `
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -463,7 +463,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - tooltip 1`] = `
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -569,7 +569,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - visible 1`] = `
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -595,7 +595,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - visible 1`] = `
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -678,7 +678,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - zero counter 1`
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -700,7 +700,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - zero counter 1`
           Appearance
         </label>
         <span
-          class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-primary"
+          class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-primary"
         >
           0
         </span>
@@ -709,7 +709,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - zero counter 1`
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -731,7 +731,7 @@ exports[`renderer/components/fields/Checkbox.tsx should render - zero counter 1`
         Appearance
       </label>
       <span
-        class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-primary"
+        class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-primary"
       >
         0
       </span>
diff --git a/src/renderer/components/fields/__snapshots__/RadioGroup.test.tsx.snap b/src/renderer/components/fields/__snapshots__/RadioGroup.test.tsx.snap
index 3aa421eb1..d94c4593e 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 iqrTOO text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 iqrTOO text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
diff --git a/src/renderer/components/filters/__snapshots__/FilterSection.test.tsx.snap b/src/renderer/components/filters/__snapshots__/FilterSection.test.tsx.snap
index 0e9056007..7e5262df4 100644
--- a/src/renderer/components/filters/__snapshots__/FilterSection.test.tsx.snap
+++ b/src/renderer/components/filters/__snapshots__/FilterSection.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`renderer/components/filters/FilterSection.tsx should be able to toggle filter value - none already set 1`] = `
 <div
-  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
   data-align="stretch"
   data-direction="vertical"
   data-gap="condensed"
@@ -11,7 +11,7 @@ exports[`renderer/components/filters/FilterSection.tsx should be able to toggle
   data-wrap="nowrap"
 >
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -32,13 +32,13 @@ exports[`renderer/components/filters/FilterSection.tsx should be able to toggle
       Draft
     </label>
     <span
-      class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+      class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
     >
       0
     </span>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -82,13 +82,13 @@ exports[`renderer/components/filters/FilterSection.tsx should be able to toggle
       </svg>
     </div>
     <span
-      class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+      class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
     >
       0
     </span>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -109,13 +109,13 @@ exports[`renderer/components/filters/FilterSection.tsx should be able to toggle
       Merged
     </label>
     <span
-      class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+      class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
     >
       0
     </span>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -159,13 +159,13 @@ exports[`renderer/components/filters/FilterSection.tsx should be able to toggle
       </svg>
     </div>
     <span
-      class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+      class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
     >
       0
     </span>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -209,7 +209,7 @@ exports[`renderer/components/filters/FilterSection.tsx should be able to toggle
       </svg>
     </div>
     <span
-      class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+      class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
     >
       0
     </span>
@@ -219,7 +219,7 @@ exports[`renderer/components/filters/FilterSection.tsx should be able to toggle
 
 exports[`renderer/components/filters/FilterSection.tsx should be able to toggle filter value - some filters already set 1`] = `
 <div
-  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
   data-align="stretch"
   data-direction="vertical"
   data-gap="condensed"
@@ -228,7 +228,7 @@ exports[`renderer/components/filters/FilterSection.tsx should be able to toggle
   data-wrap="nowrap"
 >
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -249,13 +249,13 @@ exports[`renderer/components/filters/FilterSection.tsx should be able to toggle
       Draft
     </label>
     <span
-      class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+      class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
     >
       0
     </span>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -300,13 +300,13 @@ exports[`renderer/components/filters/FilterSection.tsx should be able to toggle
       </svg>
     </div>
     <span
-      class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-primary"
+      class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-primary"
     >
       0
     </span>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -327,13 +327,13 @@ exports[`renderer/components/filters/FilterSection.tsx should be able to toggle
       Merged
     </label>
     <span
-      class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+      class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
     >
       0
     </span>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -377,13 +377,13 @@ exports[`renderer/components/filters/FilterSection.tsx should be able to toggle
       </svg>
     </div>
     <span
-      class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+      class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
     >
       0
     </span>
   </div>
   <div
-    class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
     data-align="center"
     data-direction="horizontal"
     data-gap="condensed"
@@ -427,7 +427,7 @@ exports[`renderer/components/filters/FilterSection.tsx should be able to toggle
       </svg>
     </div>
     <span
-      class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+      class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
     >
       0
     </span>
@@ -444,7 +444,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
         id="FilterSectionTest"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="baseline"
           data-direction="horizontal"
           data-gap="condensed"
@@ -457,7 +457,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
               class="Box-sc-g0xbh4-0 mb-2"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -483,7 +483,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
                   />
                 </svg>
                 <h2
-                  class="Heading__StyledHeading-sc-1c1dgg0-0 fcWqmq"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                   sx="[object Object]"
                 >
                   FilterSectionTitle
@@ -493,7 +493,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
           </legend>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="stretch"
           data-direction="vertical"
           data-gap="condensed"
@@ -502,7 +502,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -523,13 +523,13 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
               Draft
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -573,13 +573,13 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               1
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -600,13 +600,13 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
               Merged
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -650,13 +650,13 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -700,7 +700,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               3
             </span>
@@ -714,7 +714,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
       id="FilterSectionTest"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="baseline"
         data-direction="horizontal"
         data-gap="condensed"
@@ -727,7 +727,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
             class="Box-sc-g0xbh4-0 mb-2"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -753,7 +753,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
                 />
               </svg>
               <h2
-                class="Heading__StyledHeading-sc-1c1dgg0-0 fcWqmq"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                 sx="[object Object]"
               >
                 FilterSectionTitle
@@ -763,7 +763,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
         </legend>
       </div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="stretch"
         data-direction="vertical"
         data-gap="condensed"
@@ -772,7 +772,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -793,13 +793,13 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
             Draft
           </label>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -843,13 +843,13 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             1
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -870,13 +870,13 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
             Merged
           </label>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -920,13 +920,13 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -970,7 +970,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             3
           </span>
@@ -1041,7 +1041,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
         id="FilterSectionTest"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="baseline"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1054,7 +1054,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
               class="Box-sc-g0xbh4-0 mb-2"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -1080,7 +1080,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
                   />
                 </svg>
                 <h2
-                  class="Heading__StyledHeading-sc-1c1dgg0-0 fcWqmq"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                   sx="[object Object]"
                 >
                   FilterSectionTitle
@@ -1090,7 +1090,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
           </legend>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="stretch"
           data-direction="vertical"
           data-gap="condensed"
@@ -1099,7 +1099,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1120,13 +1120,13 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
               Draft
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1170,13 +1170,13 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               1
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1197,13 +1197,13 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
               Merged
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1247,13 +1247,13 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1297,7 +1297,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               3
             </span>
@@ -1311,7 +1311,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
       id="FilterSectionTest"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="baseline"
         data-direction="horizontal"
         data-gap="condensed"
@@ -1324,7 +1324,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
             class="Box-sc-g0xbh4-0 mb-2"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -1350,7 +1350,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
                 />
               </svg>
               <h2
-                class="Heading__StyledHeading-sc-1c1dgg0-0 fcWqmq"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                 sx="[object Object]"
               >
                 FilterSectionTitle
@@ -1360,7 +1360,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
         </legend>
       </div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="stretch"
         data-direction="vertical"
         data-gap="condensed"
@@ -1369,7 +1369,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1390,13 +1390,13 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
             Draft
           </label>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1440,13 +1440,13 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             1
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1467,13 +1467,13 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
             Merged
           </label>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1517,13 +1517,13 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1567,7 +1567,7 @@ exports[`renderer/components/filters/FilterSection.tsx should render itself & it
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             3
           </span>
diff --git a/src/renderer/components/filters/__snapshots__/ReasonFilter.test.tsx.snap b/src/renderer/components/filters/__snapshots__/ReasonFilter.test.tsx.snap
index 4826b8627..7cfe03993 100644
--- a/src/renderer/components/filters/__snapshots__/ReasonFilter.test.tsx.snap
+++ b/src/renderer/components/filters/__snapshots__/ReasonFilter.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
         id="filter-reasons"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="baseline"
           data-direction="horizontal"
           data-gap="condensed"
@@ -22,7 +22,7 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
               class="Box-sc-g0xbh4-0 mb-2"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -48,7 +48,7 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
                   />
                 </svg>
                 <h2
-                  class="Heading__StyledHeading-sc-1c1dgg0-0 fcWqmq"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                   sx="[object Object]"
                 >
                   Reason
@@ -81,7 +81,7 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="stretch"
           data-direction="vertical"
           data-gap="condensed"
@@ -90,7 +90,7 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -134,13 +134,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -184,13 +184,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -234,13 +234,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               1
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -284,13 +284,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -334,13 +334,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -384,13 +384,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -434,13 +434,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -484,13 +484,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -534,13 +534,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -584,13 +584,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -634,13 +634,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -684,13 +684,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -734,13 +734,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -784,13 +784,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               3
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -834,7 +834,7 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
@@ -848,7 +848,7 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
       id="filter-reasons"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="baseline"
         data-direction="horizontal"
         data-gap="condensed"
@@ -861,7 +861,7 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
             class="Box-sc-g0xbh4-0 mb-2"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -887,7 +887,7 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
                 />
               </svg>
               <h2
-                class="Heading__StyledHeading-sc-1c1dgg0-0 fcWqmq"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                 sx="[object Object]"
               >
                 Reason
@@ -920,7 +920,7 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
         </div>
       </div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="stretch"
         data-direction="vertical"
         data-gap="condensed"
@@ -929,7 +929,7 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -973,13 +973,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1023,13 +1023,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1073,13 +1073,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             1
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1123,13 +1123,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1173,13 +1173,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1223,13 +1223,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1273,13 +1273,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1323,13 +1323,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1373,13 +1373,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1423,13 +1423,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1473,13 +1473,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1523,13 +1523,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1573,13 +1573,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1623,13 +1623,13 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             3
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1673,7 +1673,7 @@ exports[`renderer/components/filters/ReasonFilter.tsx should render itself & its
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
diff --git a/src/renderer/components/filters/__snapshots__/RequiresDetailedNotificationsWarning.test.tsx.snap b/src/renderer/components/filters/__snapshots__/RequiresDetailedNotificationsWarning.test.tsx.snap
index 7ee981fb2..28e8e9458 100644
--- a/src/renderer/components/filters/__snapshots__/RequiresDetailedNotificationsWarning.test.tsx.snap
+++ b/src/renderer/components/filters/__snapshots__/RequiresDetailedNotificationsWarning.test.tsx.snap
@@ -6,11 +6,11 @@ exports[`renderer/components/filters/RequiresDetailedNotificationsWarning.tsx sh
   "baseElement": <body>
     <div>
       <span
-        class="Text-sc-17v1xeu-0 druJoj text-gitify-caution"
+        class="Text-sc-17v1xeu-0 gfWGMy text-gitify-caution"
       >
         ⚠️ This filter requires the 
         <strong
-          class="Text-sc-17v1xeu-0 druJoj"
+          class="Text-sc-17v1xeu-0 gfWGMy"
         >
           Detailed Notifications
         </strong>
@@ -21,11 +21,11 @@ exports[`renderer/components/filters/RequiresDetailedNotificationsWarning.tsx sh
   </body>,
   "container": <div>
     <span
-      class="Text-sc-17v1xeu-0 druJoj text-gitify-caution"
+      class="Text-sc-17v1xeu-0 gfWGMy text-gitify-caution"
     >
       ⚠️ This filter requires the 
       <strong
-        class="Text-sc-17v1xeu-0 druJoj"
+        class="Text-sc-17v1xeu-0 gfWGMy"
       >
         Detailed Notifications
       </strong>
diff --git a/src/renderer/components/filters/__snapshots__/StateFilter.test.tsx.snap b/src/renderer/components/filters/__snapshots__/StateFilter.test.tsx.snap
index 5ab9ac2b1..f16b6a69b 100644
--- a/src/renderer/components/filters/__snapshots__/StateFilter.test.tsx.snap
+++ b/src/renderer/components/filters/__snapshots__/StateFilter.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`renderer/components/filters/StateFilter.tsx should render itself & its
         id="filter-state"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="baseline"
           data-direction="horizontal"
           data-gap="condensed"
@@ -22,7 +22,7 @@ exports[`renderer/components/filters/StateFilter.tsx should render itself & its
               class="Box-sc-g0xbh4-0 mb-2"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -51,7 +51,7 @@ exports[`renderer/components/filters/StateFilter.tsx should render itself & its
                   />
                 </svg>
                 <h2
-                  class="Heading__StyledHeading-sc-1c1dgg0-0 fcWqmq"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                   sx="[object Object]"
                 >
                   State
@@ -84,7 +84,7 @@ exports[`renderer/components/filters/StateFilter.tsx should render itself & its
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="stretch"
           data-direction="vertical"
           data-gap="condensed"
@@ -93,7 +93,7 @@ exports[`renderer/components/filters/StateFilter.tsx should render itself & its
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -114,13 +114,13 @@ exports[`renderer/components/filters/StateFilter.tsx should render itself & its
               Draft
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -164,13 +164,13 @@ exports[`renderer/components/filters/StateFilter.tsx should render itself & its
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               1
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -191,13 +191,13 @@ exports[`renderer/components/filters/StateFilter.tsx should render itself & its
               Merged
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -241,13 +241,13 @@ exports[`renderer/components/filters/StateFilter.tsx should render itself & its
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -291,7 +291,7 @@ exports[`renderer/components/filters/StateFilter.tsx should render itself & its
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               3
             </span>
@@ -305,7 +305,7 @@ exports[`renderer/components/filters/StateFilter.tsx should render itself & its
       id="filter-state"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="baseline"
         data-direction="horizontal"
         data-gap="condensed"
@@ -318,7 +318,7 @@ exports[`renderer/components/filters/StateFilter.tsx should render itself & its
             class="Box-sc-g0xbh4-0 mb-2"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -347,7 +347,7 @@ exports[`renderer/components/filters/StateFilter.tsx should render itself & its
                 />
               </svg>
               <h2
-                class="Heading__StyledHeading-sc-1c1dgg0-0 fcWqmq"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                 sx="[object Object]"
               >
                 State
@@ -380,7 +380,7 @@ exports[`renderer/components/filters/StateFilter.tsx should render itself & its
         </div>
       </div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="stretch"
         data-direction="vertical"
         data-gap="condensed"
@@ -389,7 +389,7 @@ exports[`renderer/components/filters/StateFilter.tsx should render itself & its
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -410,13 +410,13 @@ exports[`renderer/components/filters/StateFilter.tsx should render itself & its
             Draft
           </label>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -460,13 +460,13 @@ exports[`renderer/components/filters/StateFilter.tsx should render itself & its
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             1
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -487,13 +487,13 @@ exports[`renderer/components/filters/StateFilter.tsx should render itself & its
             Merged
           </label>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -537,13 +537,13 @@ exports[`renderer/components/filters/StateFilter.tsx should render itself & its
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -587,7 +587,7 @@ exports[`renderer/components/filters/StateFilter.tsx should render itself & its
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             3
           </span>
diff --git a/src/renderer/components/filters/__snapshots__/SubjectTypeFilter.test.tsx.snap b/src/renderer/components/filters/__snapshots__/SubjectTypeFilter.test.tsx.snap
index 8c9699e3a..d5972d939 100644
--- a/src/renderer/components/filters/__snapshots__/SubjectTypeFilter.test.tsx.snap
+++ b/src/renderer/components/filters/__snapshots__/SubjectTypeFilter.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
         id="filter-subject-type"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="baseline"
           data-direction="horizontal"
           data-gap="condensed"
@@ -22,7 +22,7 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
               class="Box-sc-g0xbh4-0 mb-2"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -48,7 +48,7 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
                   />
                 </svg>
                 <h2
-                  class="Heading__StyledHeading-sc-1c1dgg0-0 fcWqmq"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                   sx="[object Object]"
                 >
                   Type
@@ -81,7 +81,7 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="stretch"
           data-direction="vertical"
           data-gap="condensed"
@@ -90,7 +90,7 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -111,13 +111,13 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
               Check Suite
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -138,13 +138,13 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
               Commit
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -165,13 +165,13 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
               Discussion
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -192,13 +192,13 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
               Issue
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               2
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -219,13 +219,13 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
               Pull Request
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               1
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -246,13 +246,13 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
               Release
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               1
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -273,13 +273,13 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
               Dependabot Alert
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -300,13 +300,13 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
               Invitation
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -327,13 +327,13 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
               Vulnerability Alert
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -354,7 +354,7 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
               Workflow Run
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
@@ -368,7 +368,7 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
       id="filter-subject-type"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="baseline"
         data-direction="horizontal"
         data-gap="condensed"
@@ -381,7 +381,7 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
             class="Box-sc-g0xbh4-0 mb-2"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -407,7 +407,7 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
                 />
               </svg>
               <h2
-                class="Heading__StyledHeading-sc-1c1dgg0-0 fcWqmq"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                 sx="[object Object]"
               >
                 Type
@@ -440,7 +440,7 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
         </div>
       </div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="stretch"
         data-direction="vertical"
         data-gap="condensed"
@@ -449,7 +449,7 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -470,13 +470,13 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
             Check Suite
           </label>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -497,13 +497,13 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
             Commit
           </label>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -524,13 +524,13 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
             Discussion
           </label>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -551,13 +551,13 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
             Issue
           </label>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             2
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -578,13 +578,13 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
             Pull Request
           </label>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             1
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -605,13 +605,13 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
             Release
           </label>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             1
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -632,13 +632,13 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
             Dependabot Alert
           </label>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -659,13 +659,13 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
             Invitation
           </label>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -686,13 +686,13 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
             Vulnerability Alert
           </label>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -713,7 +713,7 @@ exports[`renderer/components/filters/SubjectTypeFilter.tsx should render itself
             Workflow Run
           </label>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
diff --git a/src/renderer/components/filters/__snapshots__/UserHandleFilter.test.tsx.snap b/src/renderer/components/filters/__snapshots__/UserHandleFilter.test.tsx.snap
index 9fdda6764..69c5a1137 100644
--- a/src/renderer/components/filters/__snapshots__/UserHandleFilter.test.tsx.snap
+++ b/src/renderer/components/filters/__snapshots__/UserHandleFilter.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
         id="filter-user-handles"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="baseline"
           data-direction="horizontal"
           data-gap="condensed"
@@ -22,7 +22,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
               class="Box-sc-g0xbh4-0 mb-2"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -48,7 +48,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
                   />
                 </svg>
                 <h2
-                  class="Heading__StyledHeading-sc-1c1dgg0-0 fcWqmq"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                   sx="[object Object]"
                 >
                   Handles
@@ -81,7 +81,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="stretch"
           data-direction="vertical"
           data-gap="condensed"
@@ -90,7 +90,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -102,7 +102,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
               class="Box-sc-g0xbh4-0 font-medium text-gitify-font w-28"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -127,29 +127,29 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
                   />
                 </svg>
                 <span
-                  class="Text-sc-17v1xeu-0 druJoj"
+                  class="Text-sc-17v1xeu-0 gfWGMy"
                 >
                   Include:
                 </span>
               </div>
             </div>
             <span
-              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 fTzOiG dBvkCw"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 grlOUj eLTuPZ"
               disabled=""
               sx="[object Object]"
             >
               <div
-                class="Box-sc-g0xbh4-0 kMzwfi"
+                class="Box-sc-g0xbh4-0 dxzLLz"
                 display="flex"
                 sx="[object Object]"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 cvPGbH"
+                  class="Box-sc-g0xbh4-0 bLimza"
                   sx="[object Object]"
                 >
                   <input
                     aria-invalid="false"
-                    class="UnstyledTextInput-sc-14ypya-0 hyQMrI"
+                    class="UnstyledTextInput-sc-14ypya-0 bKZaYV"
                     disabled=""
                     sx="[object Object]"
                     title="Include handles"
@@ -160,7 +160,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -172,7 +172,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
               class="Box-sc-g0xbh4-0 font-medium text-gitify-font w-28"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -197,29 +197,29 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
                   />
                 </svg>
                 <span
-                  class="Text-sc-17v1xeu-0 druJoj"
+                  class="Text-sc-17v1xeu-0 gfWGMy"
                 >
                   Exclude:
                 </span>
               </div>
             </div>
             <span
-              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 fTzOiG dBvkCw"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 grlOUj eLTuPZ"
               disabled=""
               sx="[object Object]"
             >
               <div
-                class="Box-sc-g0xbh4-0 kMzwfi"
+                class="Box-sc-g0xbh4-0 dxzLLz"
                 display="flex"
                 sx="[object Object]"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 cvPGbH"
+                  class="Box-sc-g0xbh4-0 bLimza"
                   sx="[object Object]"
                 >
                   <input
                     aria-invalid="false"
-                    class="UnstyledTextInput-sc-14ypya-0 hyQMrI"
+                    class="UnstyledTextInput-sc-14ypya-0 bKZaYV"
                     disabled=""
                     sx="[object Object]"
                     title="Exclude handles"
@@ -238,7 +238,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
       id="filter-user-handles"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="baseline"
         data-direction="horizontal"
         data-gap="condensed"
@@ -251,7 +251,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
             class="Box-sc-g0xbh4-0 mb-2"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -277,7 +277,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
                 />
               </svg>
               <h2
-                class="Heading__StyledHeading-sc-1c1dgg0-0 fcWqmq"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                 sx="[object Object]"
               >
                 Handles
@@ -310,7 +310,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
         </div>
       </div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="stretch"
         data-direction="vertical"
         data-gap="condensed"
@@ -319,7 +319,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -331,7 +331,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
             class="Box-sc-g0xbh4-0 font-medium text-gitify-font w-28"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -356,29 +356,29 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
                 />
               </svg>
               <span
-                class="Text-sc-17v1xeu-0 druJoj"
+                class="Text-sc-17v1xeu-0 gfWGMy"
               >
                 Include:
               </span>
             </div>
           </div>
           <span
-            class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 fTzOiG dBvkCw"
+            class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 grlOUj eLTuPZ"
             disabled=""
             sx="[object Object]"
           >
             <div
-              class="Box-sc-g0xbh4-0 kMzwfi"
+              class="Box-sc-g0xbh4-0 dxzLLz"
               display="flex"
               sx="[object Object]"
             >
               <div
-                class="Box-sc-g0xbh4-0 cvPGbH"
+                class="Box-sc-g0xbh4-0 bLimza"
                 sx="[object Object]"
               >
                 <input
                   aria-invalid="false"
-                  class="UnstyledTextInput-sc-14ypya-0 hyQMrI"
+                  class="UnstyledTextInput-sc-14ypya-0 bKZaYV"
                   disabled=""
                   sx="[object Object]"
                   title="Include handles"
@@ -389,7 +389,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -401,7 +401,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
             class="Box-sc-g0xbh4-0 font-medium text-gitify-font w-28"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -426,29 +426,29 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
                 />
               </svg>
               <span
-                class="Text-sc-17v1xeu-0 druJoj"
+                class="Text-sc-17v1xeu-0 gfWGMy"
               >
                 Exclude:
               </span>
             </div>
           </div>
           <span
-            class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 fTzOiG dBvkCw"
+            class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 grlOUj eLTuPZ"
             disabled=""
             sx="[object Object]"
           >
             <div
-              class="Box-sc-g0xbh4-0 kMzwfi"
+              class="Box-sc-g0xbh4-0 dxzLLz"
               display="flex"
               sx="[object Object]"
             >
               <div
-                class="Box-sc-g0xbh4-0 cvPGbH"
+                class="Box-sc-g0xbh4-0 bLimza"
                 sx="[object Object]"
               >
                 <input
                   aria-invalid="false"
-                  class="UnstyledTextInput-sc-14ypya-0 hyQMrI"
+                  class="UnstyledTextInput-sc-14ypya-0 bKZaYV"
                   disabled=""
                   sx="[object Object]"
                   title="Exclude handles"
@@ -524,7 +524,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
         id="filter-user-handles"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="baseline"
           data-direction="horizontal"
           data-gap="condensed"
@@ -537,7 +537,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
               class="Box-sc-g0xbh4-0 mb-2"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -563,7 +563,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
                   />
                 </svg>
                 <h2
-                  class="Heading__StyledHeading-sc-1c1dgg0-0 fcWqmq"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                   sx="[object Object]"
                 >
                   Handles
@@ -596,7 +596,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="stretch"
           data-direction="vertical"
           data-gap="condensed"
@@ -605,7 +605,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -617,7 +617,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
               class="Box-sc-g0xbh4-0 font-medium text-gitify-font w-28"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -642,28 +642,28 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
                   />
                 </svg>
                 <span
-                  class="Text-sc-17v1xeu-0 druJoj"
+                  class="Text-sc-17v1xeu-0 gfWGMy"
                 >
                   Include:
                 </span>
               </div>
             </div>
             <span
-              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 dwoSaC dBvkCw"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hmMdH eLTuPZ"
               sx="[object Object]"
             >
               <div
-                class="Box-sc-g0xbh4-0 kMzwfi"
+                class="Box-sc-g0xbh4-0 dxzLLz"
                 display="flex"
                 sx="[object Object]"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 cvPGbH"
+                  class="Box-sc-g0xbh4-0 bLimza"
                   sx="[object Object]"
                 >
                   <input
                     aria-invalid="false"
-                    class="UnstyledTextInput-sc-14ypya-0 hyQMrI"
+                    class="UnstyledTextInput-sc-14ypya-0 bKZaYV"
                     sx="[object Object]"
                     tabindex="0"
                     title="Include handles"
@@ -674,7 +674,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -686,7 +686,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
               class="Box-sc-g0xbh4-0 font-medium text-gitify-font w-28"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -711,28 +711,28 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
                   />
                 </svg>
                 <span
-                  class="Text-sc-17v1xeu-0 druJoj"
+                  class="Text-sc-17v1xeu-0 gfWGMy"
                 >
                   Exclude:
                 </span>
               </div>
             </div>
             <span
-              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 dwoSaC dBvkCw"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hmMdH eLTuPZ"
               sx="[object Object]"
             >
               <div
-                class="Box-sc-g0xbh4-0 kMzwfi"
+                class="Box-sc-g0xbh4-0 dxzLLz"
                 display="flex"
                 sx="[object Object]"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 cvPGbH"
+                  class="Box-sc-g0xbh4-0 bLimza"
                   sx="[object Object]"
                 >
                   <input
                     aria-invalid="false"
-                    class="UnstyledTextInput-sc-14ypya-0 hyQMrI"
+                    class="UnstyledTextInput-sc-14ypya-0 bKZaYV"
                     sx="[object Object]"
                     tabindex="0"
                     title="Exclude handles"
@@ -751,7 +751,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
       id="filter-user-handles"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="baseline"
         data-direction="horizontal"
         data-gap="condensed"
@@ -764,7 +764,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
             class="Box-sc-g0xbh4-0 mb-2"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -790,7 +790,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
                 />
               </svg>
               <h2
-                class="Heading__StyledHeading-sc-1c1dgg0-0 fcWqmq"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                 sx="[object Object]"
               >
                 Handles
@@ -823,7 +823,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
         </div>
       </div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="stretch"
         data-direction="vertical"
         data-gap="condensed"
@@ -832,7 +832,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -844,7 +844,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
             class="Box-sc-g0xbh4-0 font-medium text-gitify-font w-28"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -869,28 +869,28 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
                 />
               </svg>
               <span
-                class="Text-sc-17v1xeu-0 druJoj"
+                class="Text-sc-17v1xeu-0 gfWGMy"
               >
                 Include:
               </span>
             </div>
           </div>
           <span
-            class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 dwoSaC dBvkCw"
+            class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hmMdH eLTuPZ"
             sx="[object Object]"
           >
             <div
-              class="Box-sc-g0xbh4-0 kMzwfi"
+              class="Box-sc-g0xbh4-0 dxzLLz"
               display="flex"
               sx="[object Object]"
             >
               <div
-                class="Box-sc-g0xbh4-0 cvPGbH"
+                class="Box-sc-g0xbh4-0 bLimza"
                 sx="[object Object]"
               >
                 <input
                   aria-invalid="false"
-                  class="UnstyledTextInput-sc-14ypya-0 hyQMrI"
+                  class="UnstyledTextInput-sc-14ypya-0 bKZaYV"
                   sx="[object Object]"
                   tabindex="0"
                   title="Include handles"
@@ -901,7 +901,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -913,7 +913,7 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
             class="Box-sc-g0xbh4-0 font-medium text-gitify-font w-28"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -938,28 +938,28 @@ exports[`renderer/components/filters/UserHandleFilter.tsx should render itself &
                 />
               </svg>
               <span
-                class="Text-sc-17v1xeu-0 druJoj"
+                class="Text-sc-17v1xeu-0 gfWGMy"
               >
                 Exclude:
               </span>
             </div>
           </div>
           <span
-            class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 dwoSaC dBvkCw"
+            class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hmMdH eLTuPZ"
             sx="[object Object]"
           >
             <div
-              class="Box-sc-g0xbh4-0 kMzwfi"
+              class="Box-sc-g0xbh4-0 dxzLLz"
               display="flex"
               sx="[object Object]"
             >
               <div
-                class="Box-sc-g0xbh4-0 cvPGbH"
+                class="Box-sc-g0xbh4-0 bLimza"
                 sx="[object Object]"
               >
                 <input
                   aria-invalid="false"
-                  class="UnstyledTextInput-sc-14ypya-0 hyQMrI"
+                  class="UnstyledTextInput-sc-14ypya-0 bKZaYV"
                   sx="[object Object]"
                   tabindex="0"
                   title="Exclude handles"
diff --git a/src/renderer/components/filters/__snapshots__/UserTypeFilter.test.tsx.snap b/src/renderer/components/filters/__snapshots__/UserTypeFilter.test.tsx.snap
index 9139e87cf..0523becd9 100644
--- a/src/renderer/components/filters/__snapshots__/UserTypeFilter.test.tsx.snap
+++ b/src/renderer/components/filters/__snapshots__/UserTypeFilter.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`renderer/components/filters/UserTypeFilter.tsx should render itself & i
         id="filter-user-types"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="baseline"
           data-direction="horizontal"
           data-gap="condensed"
@@ -22,7 +22,7 @@ exports[`renderer/components/filters/UserTypeFilter.tsx should render itself & i
               class="Box-sc-g0xbh4-0 mb-2"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -48,7 +48,7 @@ exports[`renderer/components/filters/UserTypeFilter.tsx should render itself & i
                   />
                 </svg>
                 <h2
-                  class="Heading__StyledHeading-sc-1c1dgg0-0 fcWqmq"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                   sx="[object Object]"
                 >
                   User Type
@@ -81,7 +81,7 @@ exports[`renderer/components/filters/UserTypeFilter.tsx should render itself & i
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="stretch"
           data-direction="horizontal"
           data-gap="normal"
@@ -90,7 +90,7 @@ exports[`renderer/components/filters/UserTypeFilter.tsx should render itself & i
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -111,13 +111,13 @@ exports[`renderer/components/filters/UserTypeFilter.tsx should render itself & i
               User
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               1
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -161,13 +161,13 @@ exports[`renderer/components/filters/UserTypeFilter.tsx should render itself & i
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -188,7 +188,7 @@ exports[`renderer/components/filters/UserTypeFilter.tsx should render itself & i
               Organization
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
@@ -202,7 +202,7 @@ exports[`renderer/components/filters/UserTypeFilter.tsx should render itself & i
       id="filter-user-types"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="baseline"
         data-direction="horizontal"
         data-gap="condensed"
@@ -215,7 +215,7 @@ exports[`renderer/components/filters/UserTypeFilter.tsx should render itself & i
             class="Box-sc-g0xbh4-0 mb-2"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -241,7 +241,7 @@ exports[`renderer/components/filters/UserTypeFilter.tsx should render itself & i
                 />
               </svg>
               <h2
-                class="Heading__StyledHeading-sc-1c1dgg0-0 fcWqmq"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                 sx="[object Object]"
               >
                 User Type
@@ -274,7 +274,7 @@ exports[`renderer/components/filters/UserTypeFilter.tsx should render itself & i
         </div>
       </div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="stretch"
         data-direction="horizontal"
         data-gap="normal"
@@ -283,7 +283,7 @@ exports[`renderer/components/filters/UserTypeFilter.tsx should render itself & i
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -304,13 +304,13 @@ exports[`renderer/components/filters/UserTypeFilter.tsx should render itself & i
             User
           </label>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             1
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -354,13 +354,13 @@ exports[`renderer/components/filters/UserTypeFilter.tsx should render itself & i
             </svg>
           </div>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -381,7 +381,7 @@ exports[`renderer/components/filters/UserTypeFilter.tsx should render itself & i
             Organization
           </label>
           <span
-            class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+            class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
           >
             0
           </span>
diff --git a/src/renderer/components/layout/__snapshots__/AppLayout.test.tsx.snap b/src/renderer/components/layout/__snapshots__/AppLayout.test.tsx.snap
index 3799015cb..fdeb3c995 100644
--- a/src/renderer/components/layout/__snapshots__/AppLayout.test.tsx.snap
+++ b/src/renderer/components/layout/__snapshots__/AppLayout.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
         class="Box-sc-g0xbh4-0 flex flex-col min-h-screen bg-gitify-background"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO fixed left-sidebar -ml-sidebar w-sidebar h-full bg-gitify-sidebar text-white"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv fixed left-sidebar -ml-sidebar w-sidebar h-full bg-gitify-sidebar text-white"
           data-align="stretch"
           data-direction="vertical"
           data-justify="space-between"
@@ -17,7 +17,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             data-align="center"
             data-direction="vertical"
             data-gap="condensed"
@@ -28,7 +28,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
             <button
               aria-describedby="«r1»-loading-announcement «r0»"
               aria-label="Gitify"
-              class="types__StyledButton-sc-ws60qy-0 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -83,7 +83,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
               </svg>
             </button>
             <span
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="e"
               id="«r0»"
               popover="auto"
@@ -94,7 +94,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
             <button
               aria-describedby="«r3»-loading-announcement «r2»"
               aria-label="Notifications"
-              class="types__StyledButton-sc-ws60qy-0 fJDLsl"
+              class="types__StyledButton-sc-ws60qy-0 cctliY"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -121,7 +121,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
               </svg>
             </button>
             <span
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="e"
               id="«r2»"
               popover="auto"
@@ -132,7 +132,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
             <button
               aria-describedby="«r5»-loading-announcement"
               aria-labelledby="«r4»"
-              class="types__StyledButton-sc-ws60qy-0 fJDLsl"
+              class="types__StyledButton-sc-ws60qy-0 cctliY"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -163,7 +163,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="e"
               id="«r4»"
               popover="auto"
@@ -173,7 +173,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
             <button
               aria-describedby="«r7»-loading-announcement"
               aria-labelledby="«r6»"
-              class="types__StyledButton-sc-ws60qy-0 fJDLsl"
+              class="types__StyledButton-sc-ws60qy-0 cctliY"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -201,7 +201,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="e"
               id="«r6»"
               popover="auto"
@@ -210,7 +210,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             data-align="center"
             data-direction="vertical"
             data-gap="condensed"
@@ -221,7 +221,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
             <button
               aria-describedby="«r9»-loading-announcement"
               aria-labelledby="«r8»"
-              class="types__StyledButton-sc-ws60qy-0 fJDLsl"
+              class="types__StyledButton-sc-ws60qy-0 cctliY"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -249,7 +249,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="e"
               id="«r8»"
               popover="auto"
@@ -271,7 +271,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
       class="Box-sc-g0xbh4-0 flex flex-col min-h-screen bg-gitify-background"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO fixed left-sidebar -ml-sidebar w-sidebar h-full bg-gitify-sidebar text-white"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv fixed left-sidebar -ml-sidebar w-sidebar h-full bg-gitify-sidebar text-white"
         data-align="stretch"
         data-direction="vertical"
         data-justify="space-between"
@@ -279,7 +279,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="center"
           data-direction="vertical"
           data-gap="condensed"
@@ -290,7 +290,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
           <button
             aria-describedby="«r1»-loading-announcement «r0»"
             aria-label="Gitify"
-            class="types__StyledButton-sc-ws60qy-0 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -345,7 +345,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
             </svg>
           </button>
           <span
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
             data-direction="e"
             id="«r0»"
             popover="auto"
@@ -356,7 +356,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
           <button
             aria-describedby="«r3»-loading-announcement «r2»"
             aria-label="Notifications"
-            class="types__StyledButton-sc-ws60qy-0 fJDLsl"
+            class="types__StyledButton-sc-ws60qy-0 cctliY"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -383,7 +383,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
             </svg>
           </button>
           <span
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
             data-direction="e"
             id="«r2»"
             popover="auto"
@@ -394,7 +394,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
           <button
             aria-describedby="«r5»-loading-announcement"
             aria-labelledby="«r4»"
-            class="types__StyledButton-sc-ws60qy-0 fJDLsl"
+            class="types__StyledButton-sc-ws60qy-0 cctliY"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -425,7 +425,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
           </button>
           <span
             aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
             data-direction="e"
             id="«r4»"
             popover="auto"
@@ -435,7 +435,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
           <button
             aria-describedby="«r7»-loading-announcement"
             aria-labelledby="«r6»"
-            class="types__StyledButton-sc-ws60qy-0 fJDLsl"
+            class="types__StyledButton-sc-ws60qy-0 cctliY"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -463,7 +463,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
           </button>
           <span
             aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
             data-direction="e"
             id="«r6»"
             popover="auto"
@@ -472,7 +472,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
           </span>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="center"
           data-direction="vertical"
           data-gap="condensed"
@@ -483,7 +483,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
           <button
             aria-describedby="«r9»-loading-announcement"
             aria-labelledby="«r8»"
-            class="types__StyledButton-sc-ws60qy-0 fJDLsl"
+            class="types__StyledButton-sc-ws60qy-0 cctliY"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -511,7 +511,7 @@ exports[`renderer/components/layout/AppLayout.tsx should render itself & its chi
           </button>
           <span
             aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
             data-direction="e"
             id="«r8»"
             popover="auto"
diff --git a/src/renderer/components/layout/__snapshots__/Centered.test.tsx.snap b/src/renderer/components/layout/__snapshots__/Centered.test.tsx.snap
index c71bf807c..ec9c6def9 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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 iqrTOO"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
       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 iqrTOO h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 69d629b5d..9660e5d8e 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 iqrTOO h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 iqrTOO h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 iqrTOO h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 a069d216f..ee8f63db9 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 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="Linked to issues #1, #2"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="1 comment"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy 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 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="Linked to issues #1, #2"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="1 comment"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy 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 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="Linked to issues #1, #2"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="2 comments"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy 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 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="Linked to issues #1, #2"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="2 comments"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy 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 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="Linked to issues #1, #2"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy 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 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="Linked to issues #1, #2"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy 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 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="Linked to issues #1, #2"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="2 comments"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="🏷️ enhancement
 🏷️ good-first-issue"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy 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 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="Linked to issues #1, #2"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="2 comments"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="🏷️ enhancement
 🏷️ good-first-issue"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy 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 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="Linked to issues #1, #2"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy 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 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="Linked to issues #1, #2"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy 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 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="Linked to issue #1"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy 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 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="Linked to issue #1"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy 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 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="Linked to issues #1, #2"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="2 comments"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="🏷️ enhancement
 🏷️ good-first-issue"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="Milestone 1"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="Linked to issues #1, #2"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="2 comments"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="🏷️ enhancement
 🏷️ good-first-issue"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="Milestone 1"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="Linked to issues #1, #2"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="2 comments"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="🏷️ enhancement
 🏷️ good-first-issue"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="Milestone 1"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="Linked to issues #1, #2"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="2 comments"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="🏷️ enhancement
 🏷️ good-first-issue"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="Milestone 1"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 07c9a14c8..ed3af1f13 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 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="Mock Pill"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj text-xxs px-1"
+            class="Text-sc-17v1xeu-0 gfWGMy 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 bxQQNF hover:bg-gitify-notification-pill-hover"
+      class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
       title="Mock Pill"
       variant="secondary"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 druJoj text-xxs px-1"
+          class="Text-sc-17v1xeu-0 gfWGMy 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 bxQQNF hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
         title="Mock Pill"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 bxQQNF hover:bg-gitify-notification-pill-hover"
+      class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
       title="Mock Pill"
       variant="secondary"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 cba842ad9..aaa3b4f20 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 iqrTOO relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 daPfHi"
+              class="Box-sc-g0xbh4-0 cNXQpH"
               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 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 gqvLBU"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 bYVpTh"
                     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 dpBYZR"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -65,20 +65,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 </div>
               </span>
               <span
-                class="Box-sc-g0xbh4-0 kdRuZg"
+                class="Box-sc-g0xbh4-0 hLQYlN"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 clNPSh"
+                  class="Box-sc-g0xbh4-0 hVxEtk"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   0
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cFyUuY"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
                 >
                    (
                   0
@@ -88,7 +88,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             </span>
           </button>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO 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 cRiRbv 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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 iqrTOO relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+          class="types__StyledButton-sc-ws60qy-0 gVycBz"
           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 daPfHi"
+            class="Box-sc-g0xbh4-0 cNXQpH"
             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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 gqvLBU"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 bYVpTh"
                   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 dpBYZR"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                   maxwidth="280"
                   title="@octocat"
                 >
@@ -304,20 +304,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               </div>
             </span>
             <span
-              class="Box-sc-g0xbh4-0 kdRuZg"
+              class="Box-sc-g0xbh4-0 hLQYlN"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 clNPSh"
+                class="Box-sc-g0xbh4-0 hVxEtk"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 0
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cFyUuY"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
               >
                  (
                 0
@@ -327,7 +327,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           </span>
         </button>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO 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 cRiRbv 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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 iqrTOO"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
       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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 daPfHi"
+              class="Box-sc-g0xbh4-0 cNXQpH"
               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 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 gqvLBU"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 bYVpTh"
                     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 dpBYZR"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -600,20 +600,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 </div>
               </span>
               <span
-                class="Box-sc-g0xbh4-0 kdRuZg"
+                class="Box-sc-g0xbh4-0 hLQYlN"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 clNPSh"
+                  class="Box-sc-g0xbh4-0 hVxEtk"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cFyUuY"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
                 >
                    (
                   2
@@ -623,7 +623,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             </span>
           </button>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO 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 cRiRbv 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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 iqrTOO relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 kTDLcS tooltipped-e"
+            class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL 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 iqrTOO cursor-pointer text-sm w-full truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 iqrTOO"
+                    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                     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 eOBZgq"
+                      class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
                       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 dpBYZR"
+                      class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                       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 iqrTOO mb-0.5 truncate"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 druJoj truncate"
+                class="Text-sc-17v1xeu-0 gfWGMy truncate"
               >
                 I am a robot and this is a test!
               </span>
               <span
-                class="Text-sc-17v1xeu-0 druJoj text-xxs ml-auto mr-2 opacity-50 hidden"
+                class="Text-sc-17v1xeu-0 gfWGMy text-xxs ml-auto mr-2 opacity-50 hidden"
               />
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-xs opacity-80"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 eOBZgq"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
                     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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 druJoj pr-1"
+                  class="Text-sc-17v1xeu-0 gfWGMy pr-1"
                   title="You're watching the repository."
                 >
                   Updated
                 </span>
                 <relative-time
-                  class="sc-VHjGu"
+                  class="sc-Qotzb"
                   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 bxQQNF hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
                   title="octocat approved these changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                     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 druJoj text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
                     >
                       1
                     </span>
                   </div>
                 </span>
                 <span
-                  class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
                   title="gitify-app requested changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                     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 druJoj text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 gfWGMy 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 iqrTOO 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 cRiRbv 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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 iqrTOO relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 kTDLcS tooltipped-e"
+            class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL 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 iqrTOO cursor-pointer text-sm w-full truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 iqrTOO"
+                    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                     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 eOBZgq"
+                      class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
                       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 dpBYZR"
+                      class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                       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 iqrTOO mb-0.5 truncate"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 druJoj truncate"
+                class="Text-sc-17v1xeu-0 gfWGMy truncate"
               >
                 Improve the UI
               </span>
               <span
-                class="Text-sc-17v1xeu-0 druJoj text-xxs ml-auto mr-2 opacity-50 hidden"
+                class="Text-sc-17v1xeu-0 gfWGMy text-xxs ml-auto mr-2 opacity-50 hidden"
               />
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-xs opacity-80"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 druJoj pr-1"
+                  class="Text-sc-17v1xeu-0 gfWGMy pr-1"
                   title="You created the thread."
                 >
                   Authored
                 </span>
                 <relative-time
-                  class="sc-VHjGu"
+                  class="sc-Qotzb"
                   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 iqrTOO 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 cRiRbv 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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 iqrTOO relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+          class="types__StyledButton-sc-ws60qy-0 gVycBz"
           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 daPfHi"
+            class="Box-sc-g0xbh4-0 cNXQpH"
             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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 gqvLBU"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 bYVpTh"
                   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 dpBYZR"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                   maxwidth="280"
                   title="@octocat"
                 >
@@ -1433,20 +1433,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               </div>
             </span>
             <span
-              class="Box-sc-g0xbh4-0 kdRuZg"
+              class="Box-sc-g0xbh4-0 hLQYlN"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 clNPSh"
+                class="Box-sc-g0xbh4-0 hVxEtk"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 2
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cFyUuY"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
               >
                  (
                 2
@@ -1456,7 +1456,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           </span>
         </button>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO 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 cRiRbv 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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 iqrTOO relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 kTDLcS tooltipped-e"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL 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 iqrTOO cursor-pointer text-sm w-full truncate"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 eOBZgq"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
                     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 dpBYZR"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                     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 iqrTOO mb-0.5 truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 druJoj truncate"
+              class="Text-sc-17v1xeu-0 gfWGMy truncate"
             >
               I am a robot and this is a test!
             </span>
             <span
-              class="Text-sc-17v1xeu-0 druJoj text-xxs ml-auto mr-2 opacity-50 hidden"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs ml-auto mr-2 opacity-50 hidden"
             />
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-xs opacity-80"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 eOBZgq"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
                   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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 druJoj pr-1"
+                class="Text-sc-17v1xeu-0 gfWGMy pr-1"
                 title="You're watching the repository."
               >
                 Updated
               </span>
               <relative-time
-                class="sc-VHjGu"
+                class="sc-Qotzb"
                 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 bxQQNF hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
                 title="octocat approved these changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 druJoj text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
                   >
                     1
                   </span>
                 </div>
               </span>
               <span
-                class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
                 title="gitify-app requested changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 druJoj text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 gfWGMy 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 iqrTOO 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 cRiRbv 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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 iqrTOO relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 kTDLcS tooltipped-e"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL 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 iqrTOO cursor-pointer text-sm w-full truncate"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 eOBZgq"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
                     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 dpBYZR"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                     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 iqrTOO mb-0.5 truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 druJoj truncate"
+              class="Text-sc-17v1xeu-0 gfWGMy truncate"
             >
               Improve the UI
             </span>
             <span
-              class="Text-sc-17v1xeu-0 druJoj text-xxs ml-auto mr-2 opacity-50 hidden"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs ml-auto mr-2 opacity-50 hidden"
             />
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-xs opacity-80"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 druJoj pr-1"
+                class="Text-sc-17v1xeu-0 gfWGMy pr-1"
                 title="You created the thread."
               >
                 Authored
               </span>
               <relative-time
-                class="sc-VHjGu"
+                class="sc-Qotzb"
                 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 iqrTOO 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 cRiRbv 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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 iqrTOO relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 daPfHi"
+              class="Box-sc-g0xbh4-0 cNXQpH"
               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 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 gqvLBU"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 bYVpTh"
                     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 dpBYZR"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -2323,20 +2323,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 </div>
               </span>
               <span
-                class="Box-sc-g0xbh4-0 kdRuZg"
+                class="Box-sc-g0xbh4-0 hLQYlN"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 clNPSh"
+                  class="Box-sc-g0xbh4-0 hVxEtk"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cFyUuY"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
                 >
                    (
                   2
@@ -2346,7 +2346,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             </span>
           </button>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO 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 cRiRbv 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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 iqrTOO relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+          class="types__StyledButton-sc-ws60qy-0 gVycBz"
           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 daPfHi"
+            class="Box-sc-g0xbh4-0 cNXQpH"
             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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 gqvLBU"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 bYVpTh"
                   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 dpBYZR"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                   maxwidth="280"
                   title="@octocat"
                 >
@@ -2516,20 +2516,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               </div>
             </span>
             <span
-              class="Box-sc-g0xbh4-0 kdRuZg"
+              class="Box-sc-g0xbh4-0 hLQYlN"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 clNPSh"
+                class="Box-sc-g0xbh4-0 hVxEtk"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 2
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cFyUuY"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
               >
                  (
                 2
@@ -2539,7 +2539,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           </span>
         </button>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO 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 cRiRbv 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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 iqrTOO relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 daPfHi"
+              class="Box-sc-g0xbh4-0 cNXQpH"
               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 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 gqvLBU"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 bYVpTh"
                     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 dpBYZR"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -2766,20 +2766,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 </div>
               </span>
               <span
-                class="Box-sc-g0xbh4-0 kdRuZg"
+                class="Box-sc-g0xbh4-0 hLQYlN"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 clNPSh"
+                  class="Box-sc-g0xbh4-0 hVxEtk"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   0
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cFyUuY"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
                 >
                    (
                   0
@@ -2789,7 +2789,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             </span>
           </button>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO 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 cRiRbv 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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 iqrTOO relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+          class="types__StyledButton-sc-ws60qy-0 gVycBz"
           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 daPfHi"
+            class="Box-sc-g0xbh4-0 cNXQpH"
             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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 gqvLBU"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 bYVpTh"
                   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 dpBYZR"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                   maxwidth="280"
                   title="@octocat"
                 >
@@ -3000,20 +3000,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               </div>
             </span>
             <span
-              class="Box-sc-g0xbh4-0 kdRuZg"
+              class="Box-sc-g0xbh4-0 hLQYlN"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 clNPSh"
+                class="Box-sc-g0xbh4-0 hVxEtk"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 0
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cFyUuY"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
               >
                  (
                 0
@@ -3023,7 +3023,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           </span>
         </button>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO 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 cRiRbv 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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 iqrTOO"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
       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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 daPfHi"
+              class="Box-sc-g0xbh4-0 cNXQpH"
               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 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 gqvLBU"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 bYVpTh"
                     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 dpBYZR"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -3291,20 +3291,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
                 </div>
               </span>
               <span
-                class="Box-sc-g0xbh4-0 kdRuZg"
+                class="Box-sc-g0xbh4-0 hLQYlN"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 clNPSh"
+                  class="Box-sc-g0xbh4-0 hVxEtk"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cFyUuY"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
                 >
                    (
                   2
@@ -3314,7 +3314,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
             </span>
           </button>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO 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 cRiRbv 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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 iqrTOO relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 daPfHi"
+              class="Box-sc-g0xbh4-0 cNXQpH"
               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 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 gqvLBU"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 bYVpTh"
                     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 dpBYZR"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -3480,20 +3480,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
                 </div>
               </span>
               <span
-                class="Box-sc-g0xbh4-0 kdRuZg"
+                class="Box-sc-g0xbh4-0 hLQYlN"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 clNPSh"
+                  class="Box-sc-g0xbh4-0 hVxEtk"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cFyUuY"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
                 >
                    (
                   2
@@ -3503,7 +3503,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
             </span>
           </button>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO 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 cRiRbv 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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 iqrTOO relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+          class="types__StyledButton-sc-ws60qy-0 gVycBz"
           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 daPfHi"
+            class="Box-sc-g0xbh4-0 cNXQpH"
             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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 gqvLBU"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 bYVpTh"
                   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 dpBYZR"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                   maxwidth="280"
                   title="@octocat"
                 >
@@ -3673,20 +3673,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
               </div>
             </span>
             <span
-              class="Box-sc-g0xbh4-0 kdRuZg"
+              class="Box-sc-g0xbh4-0 hLQYlN"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 clNPSh"
+                class="Box-sc-g0xbh4-0 hVxEtk"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 2
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cFyUuY"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
               >
                  (
                 2
@@ -3696,7 +3696,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
           </span>
         </button>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO 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 cRiRbv 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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 26c82a1e9..24de34692 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 iqrTOO text-xs opacity-80"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 eOBZgq"
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
               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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj pr-1"
+            class="Text-sc-17v1xeu-0 gfWGMy pr-1"
             title="You're watching the repository."
           >
             Updated
           </span>
           <relative-time
-            class="sc-VHjGu"
+            class="sc-Qotzb"
             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 bxQQNF hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
             title="octocat approved these changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 druJoj text-xxs px-1"
+                class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
               >
                 1
               </span>
             </div>
           </span>
           <span
-            class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
             title="gitify-app requested changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 druJoj text-xxs px-1"
+                class="Text-sc-17v1xeu-0 gfWGMy 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 iqrTOO text-xs opacity-80"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 eOBZgq"
+            class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
             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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 druJoj pr-1"
+          class="Text-sc-17v1xeu-0 gfWGMy pr-1"
           title="You're watching the repository."
         >
           Updated
         </span>
         <relative-time
-          class="sc-VHjGu"
+          class="sc-Qotzb"
           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 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy 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 iqrTOO text-xs opacity-80"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 eOBZgq"
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
               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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj pr-1"
+            class="Text-sc-17v1xeu-0 gfWGMy pr-1"
             title="You're watching the repository."
           >
             Updated
           </span>
           <relative-time
-            class="sc-VHjGu"
+            class="sc-Qotzb"
             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 bxQQNF hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
             title="octocat approved these changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 druJoj text-xxs px-1"
+                class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
               >
                 1
               </span>
             </div>
           </span>
           <span
-            class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
             title="gitify-app requested changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 druJoj text-xxs px-1"
+                class="Text-sc-17v1xeu-0 gfWGMy 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 iqrTOO text-xs opacity-80"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 eOBZgq"
+            class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
             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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 druJoj pr-1"
+          class="Text-sc-17v1xeu-0 gfWGMy pr-1"
           title="You're watching the repository."
         >
           Updated
         </span>
         <relative-time
-          class="sc-VHjGu"
+          class="sc-Qotzb"
           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 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy 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 iqrTOO text-xs opacity-80"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj pr-1"
+            class="Text-sc-17v1xeu-0 gfWGMy pr-1"
             title="You're watching the repository."
           >
             Updated
           </span>
           <relative-time
-            class="sc-VHjGu"
+            class="sc-Qotzb"
             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 bxQQNF hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
             title="octocat approved these changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 druJoj text-xxs px-1"
+                class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
               >
                 1
               </span>
             </div>
           </span>
           <span
-            class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
             title="gitify-app requested changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 druJoj text-xxs px-1"
+                class="Text-sc-17v1xeu-0 gfWGMy 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 iqrTOO text-xs opacity-80"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 druJoj pr-1"
+          class="Text-sc-17v1xeu-0 gfWGMy pr-1"
           title="You're watching the repository."
         >
           Updated
         </span>
         <relative-time
-          class="sc-VHjGu"
+          class="sc-Qotzb"
           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 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy 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 iqrTOO text-xs opacity-80"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 eOBZgq"
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
               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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj pr-1"
+            class="Text-sc-17v1xeu-0 gfWGMy pr-1"
             title="You're watching the repository."
           >
             Updated
           </span>
           <relative-time
-            class="sc-VHjGu"
+            class="sc-Qotzb"
             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 bxQQNF hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
             title="octocat approved these changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 druJoj text-xxs px-1"
+                class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
               >
                 1
               </span>
             </div>
           </span>
           <span
-            class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
             title="gitify-app requested changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 druJoj text-xxs px-1"
+                class="Text-sc-17v1xeu-0 gfWGMy 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 iqrTOO text-xs opacity-80"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 eOBZgq"
+            class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
             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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 druJoj pr-1"
+          class="Text-sc-17v1xeu-0 gfWGMy pr-1"
           title="You're watching the repository."
         >
           Updated
         </span>
         <relative-time
-          class="sc-VHjGu"
+          class="sc-Qotzb"
           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 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy 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 iqrTOO text-xs opacity-80"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 eOBZgq"
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
               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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj pr-1"
+            class="Text-sc-17v1xeu-0 gfWGMy pr-1"
             title="You're watching the repository."
           >
             Updated
           </span>
           <relative-time
-            class="sc-VHjGu"
+            class="sc-Qotzb"
             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 bxQQNF hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
             title="octocat approved these changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 druJoj text-xxs px-1"
+                class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
               >
                 1
               </span>
             </div>
           </span>
           <span
-            class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
             title="gitify-app requested changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 druJoj text-xxs px-1"
+                class="Text-sc-17v1xeu-0 gfWGMy 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 iqrTOO text-xs opacity-80"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 eOBZgq"
+            class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
             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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 druJoj pr-1"
+          class="Text-sc-17v1xeu-0 gfWGMy pr-1"
           title="You're watching the repository."
         >
           Updated
         </span>
         <relative-time
-          class="sc-VHjGu"
+          class="sc-Qotzb"
           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 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj text-xxs px-1"
+              class="Text-sc-17v1xeu-0 gfWGMy 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 a4b64078d..64698d0fd 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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 eOBZgq"
+                class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
                 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 dpBYZR"
+                class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                 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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 eOBZgq"
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
               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 dpBYZR"
+              class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
               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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 eOBZgq"
+                class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
                 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 dpBYZR"
+                class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                 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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 eOBZgq"
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
               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 dpBYZR"
+              class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
               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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 eOBZgq"
+                class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
                 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 dpBYZR"
+                class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                 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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 eOBZgq"
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
               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 dpBYZR"
+              class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
               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 877353fde..da457bbcb 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 iqrTOO relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 kTDLcS tooltipped-e"
+            class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL 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 iqrTOO cursor-pointer text-sm w-full truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 iqrTOO"
+                    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                     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 eOBZgq"
+                      class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
                       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 dpBYZR"
+                      class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                       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 iqrTOO mb-0.5 truncate"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 druJoj truncate"
+                class="Text-sc-17v1xeu-0 gfWGMy truncate"
               >
                 I am a robot and this is a test!
               </span>
               <span
-                class="Text-sc-17v1xeu-0 druJoj text-xxs ml-auto mr-2 opacity-50 hidden"
+                class="Text-sc-17v1xeu-0 gfWGMy text-xxs ml-auto mr-2 opacity-50 hidden"
               />
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-xs opacity-80"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 eOBZgq"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
                     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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 druJoj pr-1"
+                  class="Text-sc-17v1xeu-0 gfWGMy pr-1"
                   title="You're watching the repository."
                 >
                   Updated
                 </span>
                 <relative-time
-                  class="sc-VHjGu"
+                  class="sc-Qotzb"
                   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 bxQQNF hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
                   title="octocat approved these changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                     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 druJoj text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
                     >
                       1
                     </span>
                   </div>
                 </span>
                 <span
-                  class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
                   title="gitify-app requested changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                     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 druJoj text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 gfWGMy 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 iqrTOO 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 cRiRbv 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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 iqrTOO relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 kTDLcS tooltipped-e"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL 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 iqrTOO cursor-pointer text-sm w-full truncate"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 eOBZgq"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
                     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 dpBYZR"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                     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 iqrTOO mb-0.5 truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 druJoj truncate"
+              class="Text-sc-17v1xeu-0 gfWGMy truncate"
             >
               I am a robot and this is a test!
             </span>
             <span
-              class="Text-sc-17v1xeu-0 druJoj text-xxs ml-auto mr-2 opacity-50 hidden"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs ml-auto mr-2 opacity-50 hidden"
             />
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-xs opacity-80"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 eOBZgq"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
                   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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 druJoj pr-1"
+                class="Text-sc-17v1xeu-0 gfWGMy pr-1"
                 title="You're watching the repository."
               >
                 Updated
               </span>
               <relative-time
-                class="sc-VHjGu"
+                class="sc-Qotzb"
                 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 bxQQNF hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
                 title="octocat approved these changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 druJoj text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
                   >
                     1
                   </span>
                 </div>
               </span>
               <span
-                class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
                 title="gitify-app requested changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 druJoj text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 gfWGMy 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 iqrTOO 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 cRiRbv 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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 iqrTOO relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 kTDLcS tooltipped-e"
+            class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL 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 iqrTOO cursor-pointer text-sm w-full truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO mb-0.5 truncate"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 druJoj truncate"
+                class="Text-sc-17v1xeu-0 gfWGMy truncate"
               >
                 I am a robot and this is a test!
               </span>
               <span
-                class="Text-sc-17v1xeu-0 druJoj text-xxs ml-auto mr-2 opacity-50"
+                class="Text-sc-17v1xeu-0 gfWGMy text-xxs ml-auto mr-2 opacity-50"
               />
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-xs opacity-80"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 eOBZgq"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
                     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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 druJoj pr-1"
+                  class="Text-sc-17v1xeu-0 gfWGMy pr-1"
                   title="You're watching the repository."
                 >
                   Updated
                 </span>
                 <relative-time
-                  class="sc-VHjGu"
+                  class="sc-Qotzb"
                   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 bxQQNF hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
                   title="octocat approved these changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                     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 druJoj text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
                     >
                       1
                     </span>
                   </div>
                 </span>
                 <span
-                  class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
                   title="gitify-app requested changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                     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 druJoj text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 gfWGMy 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 iqrTOO 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 cRiRbv 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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 iqrTOO relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 kTDLcS tooltipped-e"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL 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 iqrTOO cursor-pointer text-sm w-full truncate"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO mb-0.5 truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 druJoj truncate"
+              class="Text-sc-17v1xeu-0 gfWGMy truncate"
             >
               I am a robot and this is a test!
             </span>
             <span
-              class="Text-sc-17v1xeu-0 druJoj text-xxs ml-auto mr-2 opacity-50"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs ml-auto mr-2 opacity-50"
             />
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-xs opacity-80"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 eOBZgq"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
                   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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 druJoj pr-1"
+                class="Text-sc-17v1xeu-0 gfWGMy pr-1"
                 title="You're watching the repository."
               >
                 Updated
               </span>
               <relative-time
-                class="sc-VHjGu"
+                class="sc-Qotzb"
                 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 bxQQNF hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
                 title="octocat approved these changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 druJoj text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
                   >
                     1
                   </span>
                 </div>
               </span>
               <span
-                class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
                 title="gitify-app requested changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 druJoj text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 gfWGMy 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 iqrTOO 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 cRiRbv 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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 iqrTOO relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 kTDLcS tooltipped-e"
+            class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL 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 iqrTOO cursor-pointer text-sm w-full truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO mb-0.5 truncate"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 druJoj truncate"
+                class="Text-sc-17v1xeu-0 gfWGMy truncate"
               >
                 I am a robot and this is a test!
               </span>
               <span
-                class="Text-sc-17v1xeu-0 druJoj text-xxs ml-auto mr-2 opacity-50 hidden"
+                class="Text-sc-17v1xeu-0 gfWGMy text-xxs ml-auto mr-2 opacity-50 hidden"
               />
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-xs opacity-80"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 eOBZgq"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
                     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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 druJoj pr-1"
+                  class="Text-sc-17v1xeu-0 gfWGMy pr-1"
                   title="You're watching the repository."
                 >
                   Updated
                 </span>
                 <relative-time
-                  class="sc-VHjGu"
+                  class="sc-Qotzb"
                   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 bxQQNF hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
                   title="octocat approved these changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                     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 druJoj text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
                     >
                       1
                     </span>
                   </div>
                 </span>
                 <span
-                  class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
                   title="gitify-app requested changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                     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 druJoj text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 gfWGMy 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 iqrTOO 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 cRiRbv 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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 iqrTOO relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 kTDLcS tooltipped-e"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL 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 iqrTOO cursor-pointer text-sm w-full truncate"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO mb-0.5 truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 druJoj truncate"
+              class="Text-sc-17v1xeu-0 gfWGMy truncate"
             >
               I am a robot and this is a test!
             </span>
             <span
-              class="Text-sc-17v1xeu-0 druJoj text-xxs ml-auto mr-2 opacity-50 hidden"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xxs ml-auto mr-2 opacity-50 hidden"
             />
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-xs opacity-80"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 eOBZgq"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 cQsrln"
                   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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 druJoj pr-1"
+                class="Text-sc-17v1xeu-0 gfWGMy pr-1"
                 title="You're watching the repository."
               >
                 Updated
               </span>
               <relative-time
-                class="sc-VHjGu"
+                class="sc-Qotzb"
                 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 bxQQNF hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
                 title="octocat approved these changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 druJoj text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 gfWGMy text-xxs px-1"
                   >
                     1
                   </span>
                 </div>
               </span>
               <span
-                class="Label__StyledLabel-sc-1dgcne-0 bxQQNF hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
                 title="gitify-app requested changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 druJoj text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 gfWGMy 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 iqrTOO 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 cRiRbv 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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 f08ee0926..be6c9eba1 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 iqrTOO relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 daPfHi"
+              class="Box-sc-g0xbh4-0 cNXQpH"
               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 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 kqXpyK"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 isNHDH"
                     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 dpBYZR"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                     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 kdRuZg"
+                class="Box-sc-g0xbh4-0 hLQYlN"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 clNPSh"
+                  class="Box-sc-g0xbh4-0 hVxEtk"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cFyUuY"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
                 >
                    (
                   2
@@ -88,7 +88,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
             </span>
           </button>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 iqrTOO relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+          class="types__StyledButton-sc-ws60qy-0 gVycBz"
           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 daPfHi"
+            class="Box-sc-g0xbh4-0 cNXQpH"
             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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 kqXpyK"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 isNHDH"
                   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 dpBYZR"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                   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 kdRuZg"
+              class="Box-sc-g0xbh4-0 hLQYlN"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 clNPSh"
+                class="Box-sc-g0xbh4-0 hVxEtk"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 2
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cFyUuY"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
               >
                  (
                 2
@@ -281,7 +281,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
           </span>
         </button>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 iqrTOO relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 daPfHi"
+              class="Box-sc-g0xbh4-0 cNXQpH"
               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 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 dpBYZR"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                     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 kdRuZg"
+                class="Box-sc-g0xbh4-0 hLQYlN"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 clNPSh"
+                  class="Box-sc-g0xbh4-0 hVxEtk"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cFyUuY"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
                 >
                    (
                   2
@@ -537,7 +537,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
             </span>
           </button>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 iqrTOO relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 daPfHi"
+              class="Box-sc-g0xbh4-0 cNXQpH"
               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 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 dpBYZR"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                     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 kdRuZg"
+                class="Box-sc-g0xbh4-0 hLQYlN"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 clNPSh"
+                  class="Box-sc-g0xbh4-0 hVxEtk"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cFyUuY"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
                 >
                    (
                   2
@@ -729,7 +729,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
             </span>
           </button>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 iqrTOO relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+          class="types__StyledButton-sc-ws60qy-0 gVycBz"
           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 daPfHi"
+            class="Box-sc-g0xbh4-0 cNXQpH"
             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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 dpBYZR"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                   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 kdRuZg"
+              class="Box-sc-g0xbh4-0 hLQYlN"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 clNPSh"
+                class="Box-sc-g0xbh4-0 hVxEtk"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 2
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cFyUuY"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
               >
                  (
                 2
@@ -928,7 +928,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
           </span>
         </button>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 iqrTOO relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 daPfHi"
+              class="Box-sc-g0xbh4-0 cNXQpH"
               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 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 dpBYZR"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                     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 kdRuZg"
+                class="Box-sc-g0xbh4-0 hLQYlN"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 clNPSh"
+                  class="Box-sc-g0xbh4-0 hVxEtk"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cFyUuY"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
                 >
                    (
                   2
@@ -1184,7 +1184,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
             </span>
           </button>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 iqrTOO relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+          class="types__StyledButton-sc-ws60qy-0 gVycBz"
           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 daPfHi"
+            class="Box-sc-g0xbh4-0 cNXQpH"
             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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 dpBYZR"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                   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 kdRuZg"
+              class="Box-sc-g0xbh4-0 hLQYlN"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 clNPSh"
+                class="Box-sc-g0xbh4-0 hVxEtk"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 2
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cFyUuY"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
               >
                  (
                 2
@@ -1383,7 +1383,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
           </span>
         </button>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
diff --git a/src/renderer/components/primitives/__snapshots__/CustomCounter.test.tsx.snap b/src/renderer/components/primitives/__snapshots__/CustomCounter.test.tsx.snap
index 27588c54e..c605f1ca5 100644
--- a/src/renderer/components/primitives/__snapshots__/CustomCounter.test.tsx.snap
+++ b/src/renderer/components/primitives/__snapshots__/CustomCounter.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`renderer/components/primitives/CustomCounter.tsx should render itself &
   "baseElement": <body>
     <div>
       <span
-        class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+        class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
       >
         100
       </span>
@@ -14,7 +14,7 @@ exports[`renderer/components/primitives/CustomCounter.tsx should render itself &
   </body>,
   "container": <div>
     <span
-      class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+      class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
     >
       100
     </span>
diff --git a/src/renderer/components/primitives/__snapshots__/Footer.test.tsx.snap b/src/renderer/components/primitives/__snapshots__/Footer.test.tsx.snap
index f46cccbc7..d4f2b6da1 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 left-sidebar bg-gitify-footer"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 left-sidebar bg-gitify-footer"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 left-sidebar bg-gitify-footer"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 left-sidebar bg-gitify-footer"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 501746e7d..517c8bee8 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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 cUrWsD"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 dCpCSu"
                   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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 fLllbW"
+          class="types__StyledButton-sc-ws60qy-0 gVycBz"
           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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 cUrWsD"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 dCpCSu"
                 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 e5bd10946..f1e35bb58 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 fLllbW"
+        class="types__StyledButton-sc-ws60qy-0 gVycBz"
         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 fLllbW"
+      class="types__StyledButton-sc-ws60qy-0 gVycBz"
       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 1f6a3f238..9ba17efee 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 iqrTOO absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 0051fe6d5..dea87ff5b 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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 fcWqmq"
+          class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
           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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 esDbQP"
+          class="Heading__StyledHeading-sc-1c1dgg0-0 faAIqG"
           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 555ebe2c5..e4b2ebb91 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 AwKAJ"
+  class="types__StyledButton-sc-ws60qy-0 QOGvM"
   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 daPfHi"
+    class="Box-sc-g0xbh4-0 cNXQpH"
     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 gDNLUi"
+  class="types__StyledButton-sc-ws60qy-0 ghJlZf"
   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 daPfHi"
+    class="Box-sc-g0xbh4-0 cNXQpH"
     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 5313da8e7..2aa8114fc 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 iqrTOO"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
       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 fLllbW"
+        class="types__StyledButton-sc-ws60qy-0 gVycBz"
         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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 cUrWsD"
+              class="Heading__StyledHeading-sc-1c1dgg0-0 dCpCSu"
               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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 AwKAJ"
+            class="types__StyledButton-sc-ws60qy-0 QOGvM"
             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 daPfHi"
+              class="Box-sc-g0xbh4-0 cNXQpH"
               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 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 fweEsx"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 jtqZvk"
                     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 dpBYZR"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                     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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     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 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     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 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 AwKAJ visible"
+              class="types__StyledButton-sc-ws60qy-0 QOGvM visible"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -329,7 +329,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r2u»"
               popover="auto"
@@ -339,7 +339,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 gZebIL"
+              class="types__StyledButton-sc-ws60qy-0 eYdieS"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -367,7 +367,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r30»"
               popover="auto"
@@ -375,14 +375,14 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
               Primary account
             </span>
             <div
-              class="Box-sc-g0xbh4-0 dOFJGQ"
+              class="Box-sc-g0xbh4-0 cdYcYt"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby="«r33»-loading-announcement"
                 aria-labelledby="«r32»"
-                class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+                class="types__StyledButton-sc-ws60qy-0 QOGvM"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -411,7 +411,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </div>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r32»"
               popover="auto"
@@ -421,7 +421,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 eowWPI"
+              class="types__StyledButton-sc-ws60qy-0 gjscLt"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -449,7 +449,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r34»"
               popover="auto"
@@ -464,7 +464,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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="stretch"
         data-direction="vertical"
         data-justify="start"
@@ -472,7 +472,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="start"
           data-direction="horizontal"
           data-justify="start"
@@ -481,7 +481,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
         >
           <button
             aria-describedby="«r36»-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+            class="types__StyledButton-sc-ws60qy-0 QOGvM"
             data-loading="false"
             data-no-visuals="true"
             data-testid="account-profile"
@@ -490,7 +490,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 daPfHi"
+              class="Box-sc-g0xbh4-0 cNXQpH"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -498,7 +498,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -509,7 +509,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 >
                   <img
                     alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 fweEsx"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 jtqZvk"
                     data-component="Avatar"
                     height="20"
                     size="20"
@@ -518,7 +518,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     width="20"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 dpBYZR"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -530,7 +530,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
           </button>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="start"
           data-direction="horizontal"
           data-justify="space-between"
@@ -541,7 +541,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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               data-align="stretch"
               data-direction="vertical"
               data-gap="condensed"
@@ -553,7 +553,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -578,7 +578,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     Mona Lisa Octocat
                   </span>
@@ -590,7 +590,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 title="Open host"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -615,7 +615,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     github.gitify.io
                   </span>
@@ -627,7 +627,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 title="Open developer settings"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -652,7 +652,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     OAuth App
                   </span>
@@ -661,7 +661,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             data-align="stretch"
             data-direction="horizontal"
             data-gap="condensed"
@@ -672,7 +672,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 AwKAJ invisible"
+              class="types__StyledButton-sc-ws60qy-0 QOGvM invisible"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -701,7 +701,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r37»"
               popover="auto"
@@ -711,7 +711,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 AwKAJ"
+              class="types__StyledButton-sc-ws60qy-0 QOGvM"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -739,7 +739,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r39»"
               popover="auto"
@@ -747,14 +747,14 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
               Set as primary account
             </span>
             <div
-              class="Box-sc-g0xbh4-0 dOFJGQ"
+              class="Box-sc-g0xbh4-0 cdYcYt"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby="«r3c»-loading-announcement"
                 aria-labelledby="«r3b»"
-                class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+                class="types__StyledButton-sc-ws60qy-0 QOGvM"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -783,7 +783,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </div>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r3b»"
               popover="auto"
@@ -793,7 +793,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 eowWPI"
+              class="types__StyledButton-sc-ws60qy-0 gjscLt"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -821,7 +821,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r3d»"
               popover="auto"
@@ -836,7 +836,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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="stretch"
         data-direction="vertical"
         data-justify="start"
@@ -844,7 +844,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="start"
           data-direction="horizontal"
           data-justify="start"
@@ -853,7 +853,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
         >
           <button
             aria-describedby="«r3f»-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+            class="types__StyledButton-sc-ws60qy-0 QOGvM"
             data-loading="false"
             data-no-visuals="true"
             data-testid="account-profile"
@@ -862,7 +862,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 daPfHi"
+              class="Box-sc-g0xbh4-0 cNXQpH"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -870,7 +870,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -881,7 +881,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 >
                   <img
                     alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 fweEsx"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 jtqZvk"
                     data-component="Avatar"
                     height="20"
                     size="20"
@@ -890,7 +890,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     width="20"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 dpBYZR"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -902,7 +902,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
           </button>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="start"
           data-direction="horizontal"
           data-justify="space-between"
@@ -913,7 +913,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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               data-align="stretch"
               data-direction="vertical"
               data-gap="condensed"
@@ -925,7 +925,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -950,7 +950,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     Mona Lisa Octocat
                   </span>
@@ -962,7 +962,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 title="Open host"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -987,7 +987,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     github.com
                   </span>
@@ -999,7 +999,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 title="Open developer settings"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1024,7 +1024,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     GitHub App
                   </span>
@@ -1033,7 +1033,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             data-align="stretch"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1044,7 +1044,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 AwKAJ invisible"
+              class="types__StyledButton-sc-ws60qy-0 QOGvM invisible"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1073,7 +1073,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r3g»"
               popover="auto"
@@ -1083,7 +1083,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 AwKAJ"
+              class="types__StyledButton-sc-ws60qy-0 QOGvM"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1111,7 +1111,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r3i»"
               popover="auto"
@@ -1119,14 +1119,14 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
               Set as primary account
             </span>
             <div
-              class="Box-sc-g0xbh4-0 dOFJGQ"
+              class="Box-sc-g0xbh4-0 cdYcYt"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby="«r3l»-loading-announcement"
                 aria-labelledby="«r3k»"
-                class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+                class="types__StyledButton-sc-ws60qy-0 QOGvM"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -1155,7 +1155,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </div>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r3k»"
               popover="auto"
@@ -1165,7 +1165,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 eowWPI"
+              class="types__StyledButton-sc-ws60qy-0 gjscLt"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1193,7 +1193,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r3m»"
               popover="auto"
@@ -1209,7 +1209,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
     class="Box-sc-g0xbh4-0 left-sidebar bg-gitify-footer"
   >
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
       data-align="stretch"
       data-direction="horizontal"
       data-justify="end"
@@ -1220,7 +1220,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 AwKAJ"
+        class="types__StyledButton-sc-ws60qy-0 QOGvM"
         data-loading="false"
         data-testid="account-add-new"
         id="«r3o»"
@@ -1229,12 +1229,12 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
         type="button"
       >
         <span
-          class="Box-sc-g0xbh4-0 daPfHi"
+          class="Box-sc-g0xbh4-0 cNXQpH"
           data-component="buttonContent"
           sx="[object Object]"
         >
           <span
-            class="Box-sc-g0xbh4-0 kdRuZg"
+            class="Box-sc-g0xbh4-0 hLQYlN"
             data-component="leadingVisual"
             sx="[object Object]"
           >
@@ -1276,7 +1276,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 iqrTOO"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
       data-align="stretch"
       data-direction="horizontal"
       data-justify="space-between"
@@ -1286,7 +1286,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 fLllbW"
+        class="types__StyledButton-sc-ws60qy-0 gVycBz"
         data-component="IconButton"
         data-loading="false"
         data-no-visuals="true"
@@ -1316,7 +1316,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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1342,7 +1342,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
               />
             </svg>
             <h2
-              class="Heading__StyledHeading-sc-1c1dgg0-0 cUrWsD"
+              class="Heading__StyledHeading-sc-1c1dgg0-0 dCpCSu"
               sx="[object Object]"
             >
               Accounts
@@ -1359,7 +1359,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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="stretch"
         data-direction="vertical"
         data-justify="start"
@@ -1367,7 +1367,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="start"
           data-direction="horizontal"
           data-justify="start"
@@ -1376,7 +1376,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
         >
           <button
             aria-describedby="«r3s»-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+            class="types__StyledButton-sc-ws60qy-0 QOGvM"
             data-loading="false"
             data-no-visuals="true"
             data-testid="account-profile"
@@ -1385,7 +1385,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 daPfHi"
+              class="Box-sc-g0xbh4-0 cNXQpH"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -1393,7 +1393,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1404,7 +1404,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 >
                   <img
                     alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 fweEsx"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 jtqZvk"
                     data-component="Avatar"
                     height="20"
                     size="20"
@@ -1413,7 +1413,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     width="20"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 dpBYZR"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -1425,7 +1425,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
           </button>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="start"
           data-direction="horizontal"
           data-justify="space-between"
@@ -1436,7 +1436,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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               data-align="stretch"
               data-direction="vertical"
               data-gap="condensed"
@@ -1448,7 +1448,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1473,7 +1473,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     Mona Lisa Octocat
                   </span>
@@ -1485,7 +1485,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 title="Open host"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1510,7 +1510,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     github.com
                   </span>
@@ -1522,7 +1522,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 title="Open developer settings"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1547,7 +1547,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     Personal Access Token
                   </span>
@@ -1556,7 +1556,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             data-align="stretch"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1567,7 +1567,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 AwKAJ invisible"
+              class="types__StyledButton-sc-ws60qy-0 QOGvM invisible"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1596,7 +1596,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r3t»"
               popover="auto"
@@ -1606,7 +1606,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 gZebIL"
+              class="types__StyledButton-sc-ws60qy-0 eYdieS"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1634,7 +1634,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r3v»"
               popover="auto"
@@ -1642,14 +1642,14 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
               Primary account
             </span>
             <div
-              class="Box-sc-g0xbh4-0 dOFJGQ"
+              class="Box-sc-g0xbh4-0 cdYcYt"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby="«r42»-loading-announcement"
                 aria-labelledby="«r41»"
-                class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+                class="types__StyledButton-sc-ws60qy-0 QOGvM"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -1678,7 +1678,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </div>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r41»"
               popover="auto"
@@ -1688,7 +1688,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 eowWPI"
+              class="types__StyledButton-sc-ws60qy-0 gjscLt"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1716,7 +1716,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r43»"
               popover="auto"
@@ -1731,7 +1731,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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="stretch"
         data-direction="vertical"
         data-justify="start"
@@ -1739,7 +1739,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="start"
           data-direction="horizontal"
           data-justify="start"
@@ -1748,7 +1748,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
         >
           <button
             aria-describedby="«r45»-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+            class="types__StyledButton-sc-ws60qy-0 QOGvM"
             data-loading="false"
             data-no-visuals="true"
             data-testid="account-profile"
@@ -1757,7 +1757,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 daPfHi"
+              class="Box-sc-g0xbh4-0 cNXQpH"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -1765,7 +1765,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1776,7 +1776,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 >
                   <img
                     alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 fweEsx"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 jtqZvk"
                     data-component="Avatar"
                     height="20"
                     size="20"
@@ -1785,7 +1785,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     width="20"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 dpBYZR"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -1797,7 +1797,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
           </button>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="start"
           data-direction="horizontal"
           data-justify="space-between"
@@ -1808,7 +1808,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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               data-align="stretch"
               data-direction="vertical"
               data-gap="condensed"
@@ -1820,7 +1820,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1845,7 +1845,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     Mona Lisa Octocat
                   </span>
@@ -1857,7 +1857,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 title="Open host"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1882,7 +1882,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     github.gitify.io
                   </span>
@@ -1894,7 +1894,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 title="Open developer settings"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1919,7 +1919,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     OAuth App
                   </span>
@@ -1928,7 +1928,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             data-align="stretch"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1939,7 +1939,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 AwKAJ invisible"
+              class="types__StyledButton-sc-ws60qy-0 QOGvM invisible"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -1968,7 +1968,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r46»"
               popover="auto"
@@ -1978,7 +1978,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 AwKAJ"
+              class="types__StyledButton-sc-ws60qy-0 QOGvM"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -2006,7 +2006,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r48»"
               popover="auto"
@@ -2014,14 +2014,14 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
               Set as primary account
             </span>
             <div
-              class="Box-sc-g0xbh4-0 dOFJGQ"
+              class="Box-sc-g0xbh4-0 cdYcYt"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby="«r4b»-loading-announcement"
                 aria-labelledby="«r4a»"
-                class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+                class="types__StyledButton-sc-ws60qy-0 QOGvM"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -2050,7 +2050,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </div>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r4a»"
               popover="auto"
@@ -2060,7 +2060,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 eowWPI"
+              class="types__StyledButton-sc-ws60qy-0 gjscLt"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -2088,7 +2088,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r4c»"
               popover="auto"
@@ -2103,7 +2103,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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="stretch"
         data-direction="vertical"
         data-justify="start"
@@ -2111,7 +2111,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="start"
           data-direction="horizontal"
           data-justify="start"
@@ -2120,7 +2120,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
         >
           <button
             aria-describedby="«r4e»-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+            class="types__StyledButton-sc-ws60qy-0 QOGvM"
             data-loading="false"
             data-no-visuals="true"
             data-testid="account-profile"
@@ -2129,7 +2129,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 daPfHi"
+              class="Box-sc-g0xbh4-0 cNXQpH"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -2137,7 +2137,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -2148,7 +2148,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 >
                   <img
                     alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 fweEsx"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 jtqZvk"
                     data-component="Avatar"
                     height="20"
                     size="20"
@@ -2157,7 +2157,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     width="20"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 dpBYZR"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -2169,7 +2169,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
           </button>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="start"
           data-direction="horizontal"
           data-justify="space-between"
@@ -2180,7 +2180,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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               data-align="stretch"
               data-direction="vertical"
               data-gap="condensed"
@@ -2192,7 +2192,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -2217,7 +2217,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     Mona Lisa Octocat
                   </span>
@@ -2229,7 +2229,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 title="Open host"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -2254,7 +2254,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     github.com
                   </span>
@@ -2266,7 +2266,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 title="Open developer settings"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -2291,7 +2291,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     GitHub App
                   </span>
@@ -2300,7 +2300,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             data-align="stretch"
             data-direction="horizontal"
             data-gap="condensed"
@@ -2311,7 +2311,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 AwKAJ invisible"
+              class="types__StyledButton-sc-ws60qy-0 QOGvM invisible"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -2340,7 +2340,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r4f»"
               popover="auto"
@@ -2350,7 +2350,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 AwKAJ"
+              class="types__StyledButton-sc-ws60qy-0 QOGvM"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -2378,7 +2378,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r4h»"
               popover="auto"
@@ -2386,14 +2386,14 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
               Set as primary account
             </span>
             <div
-              class="Box-sc-g0xbh4-0 dOFJGQ"
+              class="Box-sc-g0xbh4-0 cdYcYt"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby="«r4k»-loading-announcement"
                 aria-labelledby="«r4j»"
-                class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+                class="types__StyledButton-sc-ws60qy-0 QOGvM"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -2422,7 +2422,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </div>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r4j»"
               popover="auto"
@@ -2432,7 +2432,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 eowWPI"
+              class="types__StyledButton-sc-ws60qy-0 gjscLt"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -2460,7 +2460,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r4l»"
               popover="auto"
@@ -2476,7 +2476,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
     class="Box-sc-g0xbh4-0 left-sidebar bg-gitify-footer"
   >
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
       data-align="stretch"
       data-direction="horizontal"
       data-justify="end"
@@ -2487,7 +2487,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 AwKAJ"
+        class="types__StyledButton-sc-ws60qy-0 QOGvM"
         data-loading="false"
         data-testid="account-add-new"
         id="«r4n»"
@@ -2496,12 +2496,12 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
         type="button"
       >
         <span
-          class="Box-sc-g0xbh4-0 daPfHi"
+          class="Box-sc-g0xbh4-0 cNXQpH"
           data-component="buttonContent"
           sx="[object Object]"
         >
           <span
-            class="Box-sc-g0xbh4-0 kdRuZg"
+            class="Box-sc-g0xbh4-0 hLQYlN"
             data-component="leadingVisual"
             sx="[object Object]"
           >
@@ -2543,7 +2543,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 iqrTOO"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
       data-align="stretch"
       data-direction="horizontal"
       data-justify="space-between"
@@ -2553,7 +2553,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 fLllbW"
+        class="types__StyledButton-sc-ws60qy-0 gVycBz"
         data-component="IconButton"
         data-loading="false"
         data-no-visuals="true"
@@ -2583,7 +2583,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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -2609,7 +2609,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
               />
             </svg>
             <h2
-              class="Heading__StyledHeading-sc-1c1dgg0-0 cUrWsD"
+              class="Heading__StyledHeading-sc-1c1dgg0-0 dCpCSu"
               sx="[object Object]"
             >
               Accounts
@@ -2626,7 +2626,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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="stretch"
         data-direction="vertical"
         data-justify="start"
@@ -2634,7 +2634,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="start"
           data-direction="horizontal"
           data-justify="start"
@@ -2643,7 +2643,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
         >
           <button
             aria-describedby="«r1»-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+            class="types__StyledButton-sc-ws60qy-0 QOGvM"
             data-loading="false"
             data-no-visuals="true"
             data-testid="account-profile"
@@ -2652,7 +2652,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 daPfHi"
+              class="Box-sc-g0xbh4-0 cNXQpH"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -2660,7 +2660,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -2671,7 +2671,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 >
                   <img
                     alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 fweEsx"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 jtqZvk"
                     data-component="Avatar"
                     height="20"
                     size="20"
@@ -2680,7 +2680,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     width="20"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 dpBYZR"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -2692,7 +2692,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
           </button>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="start"
           data-direction="horizontal"
           data-justify="space-between"
@@ -2703,7 +2703,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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               data-align="stretch"
               data-direction="vertical"
               data-gap="condensed"
@@ -2715,7 +2715,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -2740,7 +2740,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     Mona Lisa Octocat
                   </span>
@@ -2752,7 +2752,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 title="Open host"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -2777,7 +2777,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     github.com
                   </span>
@@ -2789,7 +2789,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 title="Open developer settings"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -2814,7 +2814,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     Personal Access Token
                   </span>
@@ -2823,7 +2823,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             data-align="stretch"
             data-direction="horizontal"
             data-gap="condensed"
@@ -2834,7 +2834,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 AwKAJ invisible"
+              class="types__StyledButton-sc-ws60qy-0 QOGvM invisible"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -2863,7 +2863,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r2»"
               popover="auto"
@@ -2873,7 +2873,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 gZebIL"
+              class="types__StyledButton-sc-ws60qy-0 eYdieS"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -2901,7 +2901,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r4»"
               popover="auto"
@@ -2909,14 +2909,14 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
               Primary account
             </span>
             <div
-              class="Box-sc-g0xbh4-0 dOFJGQ"
+              class="Box-sc-g0xbh4-0 cdYcYt"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby="«r7»-loading-announcement"
                 aria-labelledby="«r6»"
-                class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+                class="types__StyledButton-sc-ws60qy-0 QOGvM"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -2945,7 +2945,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </div>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r6»"
               popover="auto"
@@ -2955,7 +2955,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 eowWPI"
+              class="types__StyledButton-sc-ws60qy-0 gjscLt"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -2983,7 +2983,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«r8»"
               popover="auto"
@@ -2998,7 +2998,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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="stretch"
         data-direction="vertical"
         data-justify="start"
@@ -3006,7 +3006,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="start"
           data-direction="horizontal"
           data-justify="start"
@@ -3015,7 +3015,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
         >
           <button
             aria-describedby="«ra»-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+            class="types__StyledButton-sc-ws60qy-0 QOGvM"
             data-loading="false"
             data-no-visuals="true"
             data-testid="account-profile"
@@ -3024,7 +3024,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 daPfHi"
+              class="Box-sc-g0xbh4-0 cNXQpH"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -3032,7 +3032,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -3043,7 +3043,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 >
                   <img
                     alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 fweEsx"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 jtqZvk"
                     data-component="Avatar"
                     height="20"
                     size="20"
@@ -3052,7 +3052,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     width="20"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 dpBYZR"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -3064,7 +3064,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
           </button>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="start"
           data-direction="horizontal"
           data-justify="space-between"
@@ -3075,7 +3075,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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               data-align="stretch"
               data-direction="vertical"
               data-gap="condensed"
@@ -3087,7 +3087,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -3112,7 +3112,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     Mona Lisa Octocat
                   </span>
@@ -3124,7 +3124,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 title="Open host"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -3149,7 +3149,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     github.gitify.io
                   </span>
@@ -3161,7 +3161,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 title="Open developer settings"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -3186,7 +3186,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     OAuth App
                   </span>
@@ -3195,7 +3195,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             data-align="stretch"
             data-direction="horizontal"
             data-gap="condensed"
@@ -3206,7 +3206,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 AwKAJ invisible"
+              class="types__StyledButton-sc-ws60qy-0 QOGvM invisible"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -3235,7 +3235,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«rb»"
               popover="auto"
@@ -3245,7 +3245,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 AwKAJ"
+              class="types__StyledButton-sc-ws60qy-0 QOGvM"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -3273,7 +3273,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«rd»"
               popover="auto"
@@ -3281,14 +3281,14 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
               Set as primary account
             </span>
             <div
-              class="Box-sc-g0xbh4-0 dOFJGQ"
+              class="Box-sc-g0xbh4-0 cdYcYt"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby="«rg»-loading-announcement"
                 aria-labelledby="«rf»"
-                class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+                class="types__StyledButton-sc-ws60qy-0 QOGvM"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -3317,7 +3317,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </div>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«rf»"
               popover="auto"
@@ -3327,7 +3327,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 eowWPI"
+              class="types__StyledButton-sc-ws60qy-0 gjscLt"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -3355,7 +3355,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«rh»"
               popover="auto"
@@ -3370,7 +3370,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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         data-align="stretch"
         data-direction="vertical"
         data-justify="start"
@@ -3378,7 +3378,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
         data-wrap="nowrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="start"
           data-direction="horizontal"
           data-justify="start"
@@ -3387,7 +3387,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
         >
           <button
             aria-describedby="«rj»-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+            class="types__StyledButton-sc-ws60qy-0 QOGvM"
             data-loading="false"
             data-no-visuals="true"
             data-testid="account-profile"
@@ -3396,7 +3396,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 daPfHi"
+              class="Box-sc-g0xbh4-0 cNXQpH"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -3404,7 +3404,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -3415,7 +3415,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 >
                   <img
                     alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 fweEsx"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 jtqZvk"
                     data-component="Avatar"
                     height="20"
                     size="20"
@@ -3424,7 +3424,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     width="20"
                   />
                   <div
-                    class="Truncate__StyledTruncate-sc-23o1d2-0 dpBYZR"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 cocpco"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -3436,7 +3436,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
           </button>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="start"
           data-direction="horizontal"
           data-justify="space-between"
@@ -3447,7 +3447,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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               data-align="stretch"
               data-direction="vertical"
               data-gap="condensed"
@@ -3459,7 +3459,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -3484,7 +3484,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     Mona Lisa Octocat
                   </span>
@@ -3496,7 +3496,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 title="Open host"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -3521,7 +3521,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     github.com
                   </span>
@@ -3533,7 +3533,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 title="Open developer settings"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -3558,7 +3558,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     />
                   </svg>
                   <span
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     GitHub App
                   </span>
@@ -3567,7 +3567,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             data-align="stretch"
             data-direction="horizontal"
             data-gap="condensed"
@@ -3578,7 +3578,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 AwKAJ invisible"
+              class="types__StyledButton-sc-ws60qy-0 QOGvM invisible"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -3607,7 +3607,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«rk»"
               popover="auto"
@@ -3617,7 +3617,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 AwKAJ"
+              class="types__StyledButton-sc-ws60qy-0 QOGvM"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -3645,7 +3645,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«rm»"
               popover="auto"
@@ -3653,14 +3653,14 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
               Set as primary account
             </span>
             <div
-              class="Box-sc-g0xbh4-0 dOFJGQ"
+              class="Box-sc-g0xbh4-0 cdYcYt"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby="«rp»-loading-announcement"
                 aria-labelledby="«ro»"
-                class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+                class="types__StyledButton-sc-ws60qy-0 QOGvM"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -3689,7 +3689,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </div>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«ro»"
               popover="auto"
@@ -3699,7 +3699,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 eowWPI"
+              class="types__StyledButton-sc-ws60qy-0 gjscLt"
               data-component="IconButton"
               data-loading="false"
               data-no-visuals="true"
@@ -3727,7 +3727,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
             </button>
             <span
               aria-hidden="true"
-              class="Tooltip__StyledTooltip-sc-e45c7z-0 bnoNfJ"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
               data-direction="s"
               id="«rq»"
               popover="auto"
@@ -3743,7 +3743,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
     class="Box-sc-g0xbh4-0 left-sidebar bg-gitify-footer"
   >
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
       data-align="stretch"
       data-direction="horizontal"
       data-justify="end"
@@ -3754,7 +3754,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 AwKAJ"
+        class="types__StyledButton-sc-ws60qy-0 QOGvM"
         data-loading="false"
         data-testid="account-add-new"
         id="«rs»"
@@ -3763,12 +3763,12 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
         type="button"
       >
         <span
-          class="Box-sc-g0xbh4-0 daPfHi"
+          class="Box-sc-g0xbh4-0 cNXQpH"
           data-component="buttonContent"
           sx="[object Object]"
         >
           <span
-            class="Box-sc-g0xbh4-0 kdRuZg"
+            class="Box-sc-g0xbh4-0 hLQYlN"
             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 803fd1e31..57a06de7a 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 iqrTOO"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
       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 fLllbW"
+        class="types__StyledButton-sc-ws60qy-0 gVycBz"
         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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 cUrWsD"
+              class="Heading__StyledHeading-sc-1c1dgg0-0 dCpCSu"
               sx="[object Object]"
             >
               Filters
@@ -89,7 +89,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
     class="Box-sc-g0xbh4-0 grow overflow-x-hidden overflow-y-auto px-8 pb-4"
   >
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
       data-align="stretch"
       data-direction="vertical"
       data-gap="spacious"
@@ -101,7 +101,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
         id="filter-user-types"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="baseline"
           data-direction="horizontal"
           data-gap="condensed"
@@ -114,7 +114,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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -140,7 +140,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
                   />
                 </svg>
                 <h2
-                  class="Heading__StyledHeading-sc-1c1dgg0-0 fcWqmq"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                   sx="[object Object]"
                 >
                   User Type
@@ -173,7 +173,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="stretch"
           data-direction="horizontal"
           data-gap="normal"
@@ -182,7 +182,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -203,13 +203,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               User
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -253,13 +253,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -280,7 +280,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               Organization
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
@@ -291,7 +291,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
         id="filter-user-handles"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="baseline"
           data-direction="horizontal"
           data-gap="condensed"
@@ -304,7 +304,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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -330,7 +330,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
                   />
                 </svg>
                 <h2
-                  class="Heading__StyledHeading-sc-1c1dgg0-0 fcWqmq"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                   sx="[object Object]"
                 >
                   Handles
@@ -363,7 +363,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="stretch"
           data-direction="vertical"
           data-gap="condensed"
@@ -372,7 +372,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -384,7 +384,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               class="Box-sc-g0xbh4-0 font-medium text-gitify-font w-28"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -409,28 +409,28 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
                   />
                 </svg>
                 <span
-                  class="Text-sc-17v1xeu-0 druJoj"
+                  class="Text-sc-17v1xeu-0 gfWGMy"
                 >
                   Include:
                 </span>
               </div>
             </div>
             <span
-              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 dwoSaC dBvkCw"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hmMdH eLTuPZ"
               sx="[object Object]"
             >
               <div
-                class="Box-sc-g0xbh4-0 kMzwfi"
+                class="Box-sc-g0xbh4-0 dxzLLz"
                 display="flex"
                 sx="[object Object]"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 cvPGbH"
+                  class="Box-sc-g0xbh4-0 bLimza"
                   sx="[object Object]"
                 >
                   <input
                     aria-invalid="false"
-                    class="UnstyledTextInput-sc-14ypya-0 hyQMrI"
+                    class="UnstyledTextInput-sc-14ypya-0 bKZaYV"
                     sx="[object Object]"
                     tabindex="0"
                     title="Include handles"
@@ -441,7 +441,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -453,7 +453,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               class="Box-sc-g0xbh4-0 font-medium text-gitify-font w-28"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -478,28 +478,28 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
                   />
                 </svg>
                 <span
-                  class="Text-sc-17v1xeu-0 druJoj"
+                  class="Text-sc-17v1xeu-0 gfWGMy"
                 >
                   Exclude:
                 </span>
               </div>
             </div>
             <span
-              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 dwoSaC dBvkCw"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hmMdH eLTuPZ"
               sx="[object Object]"
             >
               <div
-                class="Box-sc-g0xbh4-0 kMzwfi"
+                class="Box-sc-g0xbh4-0 dxzLLz"
                 display="flex"
                 sx="[object Object]"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 cvPGbH"
+                  class="Box-sc-g0xbh4-0 bLimza"
                   sx="[object Object]"
                 >
                   <input
                     aria-invalid="false"
-                    class="UnstyledTextInput-sc-14ypya-0 hyQMrI"
+                    class="UnstyledTextInput-sc-14ypya-0 bKZaYV"
                     sx="[object Object]"
                     tabindex="0"
                     title="Exclude handles"
@@ -515,7 +515,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
         id="filter-subject-type"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="baseline"
           data-direction="horizontal"
           data-gap="condensed"
@@ -528,7 +528,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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -554,7 +554,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
                   />
                 </svg>
                 <h2
-                  class="Heading__StyledHeading-sc-1c1dgg0-0 fcWqmq"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                   sx="[object Object]"
                 >
                   Type
@@ -587,7 +587,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="stretch"
           data-direction="vertical"
           data-gap="condensed"
@@ -596,7 +596,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -617,13 +617,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               Check Suite
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -644,13 +644,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               Commit
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -671,13 +671,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               Discussion
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -698,13 +698,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               Issue
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -725,13 +725,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               Pull Request
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -752,13 +752,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               Release
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -779,13 +779,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               Dependabot Alert
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -806,13 +806,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               Invitation
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -833,13 +833,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               Vulnerability Alert
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -860,7 +860,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               Workflow Run
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
@@ -871,7 +871,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
         id="filter-state"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="baseline"
           data-direction="horizontal"
           data-gap="condensed"
@@ -884,7 +884,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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -913,7 +913,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
                   />
                 </svg>
                 <h2
-                  class="Heading__StyledHeading-sc-1c1dgg0-0 fcWqmq"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                   sx="[object Object]"
                 >
                   State
@@ -946,7 +946,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="stretch"
           data-direction="vertical"
           data-gap="condensed"
@@ -955,7 +955,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -976,13 +976,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               Draft
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1026,13 +1026,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1053,13 +1053,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               Merged
             </label>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1103,13 +1103,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1153,7 +1153,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
@@ -1164,7 +1164,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
         id="filter-reasons"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="baseline"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1177,7 +1177,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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -1203,7 +1203,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
                   />
                 </svg>
                 <h2
-                  class="Heading__StyledHeading-sc-1c1dgg0-0 fcWqmq"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                   sx="[object Object]"
                 >
                   Reason
@@ -1236,7 +1236,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           </div>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           data-align="stretch"
           data-direction="vertical"
           data-gap="condensed"
@@ -1245,7 +1245,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1289,13 +1289,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1339,13 +1339,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1389,13 +1389,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1439,13 +1439,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1489,13 +1489,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1539,13 +1539,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1589,13 +1589,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1639,13 +1639,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1689,13 +1689,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1739,13 +1739,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1789,13 +1789,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1839,13 +1839,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1889,13 +1889,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1939,13 +1939,13 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1989,7 +1989,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
               </svg>
             </div>
             <span
-              class="Text-sc-17v1xeu-0 druJoj px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
+              class="Text-sc-17v1xeu-0 gfWGMy px-1.5 py-0.75 rounded-full text-[10px] font-medium leading-none min-w-[16px] text-gitify-counter-text bg-gitify-counter-secondary"
             >
               0
             </span>
@@ -2002,7 +2002,7 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
     class="Box-sc-g0xbh4-0 left-sidebar bg-gitify-footer"
   >
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
       data-align="stretch"
       data-direction="horizontal"
       data-justify="end"
@@ -2011,25 +2011,25 @@ exports[`renderer/routes/Filters.tsx General should render itself & its children
     >
       <span
         aria-label="Clear all filters"
-        class="Tooltip__TooltipBase-sc-17tf59c-0 kTDLcS tooltipped-n"
+        class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL tooltipped-n"
         id="«r1»"
         role="tooltip"
       >
         <button
           aria-describedby="«r2»-loading-announcement"
-          class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+          class="types__StyledButton-sc-ws60qy-0 QOGvM"
           data-loading="false"
           data-testid="filters-clear"
           sx="[object Object]"
           type="button"
         >
           <span
-            class="Box-sc-g0xbh4-0 daPfHi"
+            class="Box-sc-g0xbh4-0 cNXQpH"
             data-component="buttonContent"
             sx="[object Object]"
           >
             <span
-              class="Box-sc-g0xbh4-0 kdRuZg"
+              class="Box-sc-g0xbh4-0 hLQYlN"
               data-component="leadingVisual"
               sx="[object Object]"
             >
diff --git a/src/renderer/routes/__snapshots__/Login.test.tsx.snap b/src/renderer/routes/__snapshots__/Login.test.tsx.snap
index efabce426..8229cf60d 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 iqrTOO h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 esDbQP"
+              class="Heading__StyledHeading-sc-1c1dgg0-0 faAIqG"
               sx="[object Object]"
             >
               GitHub Notifications
             </h2>
             <h2
-              class="Heading__StyledHeading-sc-1c1dgg0-0 cUrWsD"
+              class="Heading__StyledHeading-sc-1c1dgg0-0 dCpCSu"
               sx="[object Object]"
             >
               on your menu bar
             </h2>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 druJoj"
+              class="Text-sc-17v1xeu-0 gfWGMy"
             >
               Login with
             </span>
             <button
               aria-describedby="«r0»-loading-announcement"
-              class="types__StyledButton-sc-ws60qy-0 gZebIL"
+              class="types__StyledButton-sc-ws60qy-0 eYdieS"
               data-loading="false"
               data-testid="login-github"
               sx="[object Object]"
               type="button"
             >
               <span
-                class="Box-sc-g0xbh4-0 daPfHi"
+                class="Box-sc-g0xbh4-0 cNXQpH"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 kdRuZg"
+                  class="Box-sc-g0xbh4-0 hLQYlN"
                   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 AwKAJ"
+              class="types__StyledButton-sc-ws60qy-0 QOGvM"
               data-loading="false"
               data-testid="login-pat"
               sx="[object Object]"
               type="button"
             >
               <span
-                class="Box-sc-g0xbh4-0 daPfHi"
+                class="Box-sc-g0xbh4-0 cNXQpH"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 kdRuZg"
+                  class="Box-sc-g0xbh4-0 hLQYlN"
                   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 AwKAJ"
+              class="types__StyledButton-sc-ws60qy-0 QOGvM"
               data-loading="false"
               data-testid="login-oauth-app"
               sx="[object Object]"
               type="button"
             >
               <span
-                class="Box-sc-g0xbh4-0 daPfHi"
+                class="Box-sc-g0xbh4-0 cNXQpH"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 kdRuZg"
+                  class="Box-sc-g0xbh4-0 hLQYlN"
                   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 iqrTOO h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 esDbQP"
+            class="Heading__StyledHeading-sc-1c1dgg0-0 faAIqG"
             sx="[object Object]"
           >
             GitHub Notifications
           </h2>
           <h2
-            class="Heading__StyledHeading-sc-1c1dgg0-0 cUrWsD"
+            class="Heading__StyledHeading-sc-1c1dgg0-0 dCpCSu"
             sx="[object Object]"
           >
             on your menu bar
           </h2>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 druJoj"
+            class="Text-sc-17v1xeu-0 gfWGMy"
           >
             Login with
           </span>
           <button
             aria-describedby="«r0»-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 gZebIL"
+            class="types__StyledButton-sc-ws60qy-0 eYdieS"
             data-loading="false"
             data-testid="login-github"
             sx="[object Object]"
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 daPfHi"
+              class="Box-sc-g0xbh4-0 cNXQpH"
               data-component="buttonContent"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 kdRuZg"
+                class="Box-sc-g0xbh4-0 hLQYlN"
                 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 AwKAJ"
+            class="types__StyledButton-sc-ws60qy-0 QOGvM"
             data-loading="false"
             data-testid="login-pat"
             sx="[object Object]"
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 daPfHi"
+              class="Box-sc-g0xbh4-0 cNXQpH"
               data-component="buttonContent"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 kdRuZg"
+                class="Box-sc-g0xbh4-0 hLQYlN"
                 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 AwKAJ"
+            class="types__StyledButton-sc-ws60qy-0 QOGvM"
             data-loading="false"
             data-testid="login-oauth-app"
             sx="[object Object]"
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 daPfHi"
+              class="Box-sc-g0xbh4-0 cNXQpH"
               data-component="buttonContent"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 kdRuZg"
+                class="Box-sc-g0xbh4-0 hLQYlN"
                 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 aa997c085..0568042c7 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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 cUrWsD"
+                    class="Heading__StyledHeading-sc-1c1dgg0-0 dCpCSu"
                     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-hidden overflow-y-auto px-8"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 dKkyER"
+              class="Box-sc-g0xbh4-0 hdUVJw"
               display="flex"
               flexdirection="column"
               sx="[object Object]"
             >
               <label
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cydaRs"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hlYlJd"
                 for="«r1»"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 iKLqDC"
+                  class="Box-sc-g0xbh4-0 bLqLzD"
                   display="flex"
                 >
                   <div
-                    class="Box-sc-g0xbh4-0 lmrBnU"
+                    class="Box-sc-g0xbh4-0 hUckZh"
                     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 eyKFdg exFZoC TextInput-wrapper"
+                class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 fhFAUB fNRGPr TextInput-wrapper"
                 sx="[object Object]"
               >
                 <input
                   aria-describedby="«r1»-caption"
                   aria-invalid="false"
                   aria-required="true"
-                  class="UnstyledTextInput-sc-14ypya-0 kxfjQe"
+                  class="UnstyledTextInput-sc-14ypya-0 cYgFLP"
                   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 igYiNa"
+                class="Text-sc-17v1xeu-0 jTOhzj"
                 color="fg.muted"
                 display="block"
                 font-size="0"
                 id="«r1»-caption"
               >
                 <i
-                  class="Text-sc-17v1xeu-0 druJoj"
+                  class="Text-sc-17v1xeu-0 gfWGMy"
                 >
                   Change only if you are using GitHub Enterprise Server
                 </i>
               </span>
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 AwKAJ"
+                class="types__StyledButton-sc-ws60qy-0 QOGvM"
                 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 daPfHi"
+                  class="Box-sc-g0xbh4-0 cNXQpH"
                   data-component="buttonContent"
                   sx="[object Object]"
                 >
                   <span
-                    class="Box-sc-g0xbh4-0 kdRuZg"
+                    class="Box-sc-g0xbh4-0 hLQYlN"
                     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 druJoj text-xs"
+                class="Text-sc-17v1xeu-0 gfWGMy text-xs"
               >
                 and use your 
                 <i
-                  class="Text-sc-17v1xeu-0 druJoj"
+                  class="Text-sc-17v1xeu-0 gfWGMy"
                 >
                   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 dKkyER"
+              class="Box-sc-g0xbh4-0 hdUVJw"
               display="flex"
               flexdirection="column"
               sx="[object Object]"
             >
               <label
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cydaRs"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hlYlJd"
                 for="«r3»"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 iKLqDC"
+                  class="Box-sc-g0xbh4-0 bLqLzD"
                   display="flex"
                 >
                   <div
-                    class="Box-sc-g0xbh4-0 lmrBnU"
+                    class="Box-sc-g0xbh4-0 hUckZh"
                     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 eyKFdg exFZoC TextInput-wrapper"
+                class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 fhFAUB fNRGPr TextInput-wrapper"
                 sx="[object Object]"
               >
                 <input
                   aria-describedby=""
                   aria-invalid="false"
                   aria-required="true"
-                  class="UnstyledTextInput-sc-14ypya-0 kxfjQe"
+                  class="UnstyledTextInput-sc-14ypya-0 cYgFLP"
                   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 dKkyER"
+              class="Box-sc-g0xbh4-0 hdUVJw"
               display="flex"
               flexdirection="column"
               sx="[object Object]"
             >
               <label
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cydaRs"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hlYlJd"
                 for="«r4»"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 iKLqDC"
+                  class="Box-sc-g0xbh4-0 bLqLzD"
                   display="flex"
                 >
                   <div
-                    class="Box-sc-g0xbh4-0 lmrBnU"
+                    class="Box-sc-g0xbh4-0 hUckZh"
                     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 hXlyjU bVuhZt TextInput-wrapper"
+                class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 dQEAbp eZASgg TextInput-wrapper"
                 sx="[object Object]"
               >
                 <input
                   aria-describedby=""
                   aria-invalid="false"
                   aria-required="true"
-                  class="UnstyledTextInput-sc-14ypya-0 kxfjQe"
+                  class="UnstyledTextInput-sc-14ypya-0 cYgFLP"
                   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 fOHtBo TextInput-action"
+                  class="Box-sc-g0xbh4-0 cOGnzx 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 kNBiPy"
+                    class="types__StyledButton-sc-ws60qy-0 fcgihb"
                     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 bnoNfJ"
+                    class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
                     data-direction="s"
                     id="«r5»"
                     popover="auto"
@@ -369,7 +369,7 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
           class="Box-sc-g0xbh4-0 left-sidebar bg-gitify-footer"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 kTDLcS tooltipped-n"
+              class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL tooltipped-n"
               id="«r7»"
               role="tooltip"
             >
               <button
                 aria-describedby="«r8»-loading-announcement"
-                class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+                class="types__StyledButton-sc-ws60qy-0 QOGvM"
                 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 daPfHi"
+                  class="Box-sc-g0xbh4-0 cNXQpH"
                   data-component="buttonContent"
                   sx="[object Object]"
                 >
                   <span
-                    class="Box-sc-g0xbh4-0 kdRuZg"
+                    class="Box-sc-g0xbh4-0 hLQYlN"
                     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 dOFJGQ"
+              class="Box-sc-g0xbh4-0 cdYcYt"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby="«r9»-loading-announcement"
-                class="types__StyledButton-sc-ws60qy-0 gZebIL"
+                class="types__StyledButton-sc-ws60qy-0 eYdieS"
                 data-loading="false"
                 data-testid="login-submit"
                 sx="[object Object]"
                 type="button"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 daPfHi"
+                  class="Box-sc-g0xbh4-0 cNXQpH"
                   data-component="buttonContent"
                   sx="[object Object]"
                 >
                   <span
-                    class="Box-sc-g0xbh4-0 kdRuZg"
+                    class="Box-sc-g0xbh4-0 hLQYlN"
                     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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 cUrWsD"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 dCpCSu"
                   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-hidden overflow-y-auto px-8"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 dKkyER"
+            class="Box-sc-g0xbh4-0 hdUVJw"
             display="flex"
             flexdirection="column"
             sx="[object Object]"
           >
             <label
-              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cydaRs"
+              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hlYlJd"
               for="«r1»"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 iKLqDC"
+                class="Box-sc-g0xbh4-0 bLqLzD"
                 display="flex"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 lmrBnU"
+                  class="Box-sc-g0xbh4-0 hUckZh"
                   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 eyKFdg exFZoC TextInput-wrapper"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 fhFAUB fNRGPr TextInput-wrapper"
               sx="[object Object]"
             >
               <input
                 aria-describedby="«r1»-caption"
                 aria-invalid="false"
                 aria-required="true"
-                class="UnstyledTextInput-sc-14ypya-0 kxfjQe"
+                class="UnstyledTextInput-sc-14ypya-0 cYgFLP"
                 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 igYiNa"
+              class="Text-sc-17v1xeu-0 jTOhzj"
               color="fg.muted"
               display="block"
               font-size="0"
               id="«r1»-caption"
             >
               <i
-                class="Text-sc-17v1xeu-0 druJoj"
+                class="Text-sc-17v1xeu-0 gfWGMy"
               >
                 Change only if you are using GitHub Enterprise Server
               </i>
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 AwKAJ"
+              class="types__StyledButton-sc-ws60qy-0 QOGvM"
               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 daPfHi"
+                class="Box-sc-g0xbh4-0 cNXQpH"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 kdRuZg"
+                  class="Box-sc-g0xbh4-0 hLQYlN"
                   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 druJoj text-xs"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xs"
             >
               and use your 
               <i
-                class="Text-sc-17v1xeu-0 druJoj"
+                class="Text-sc-17v1xeu-0 gfWGMy"
               >
                 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 dKkyER"
+            class="Box-sc-g0xbh4-0 hdUVJw"
             display="flex"
             flexdirection="column"
             sx="[object Object]"
           >
             <label
-              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cydaRs"
+              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hlYlJd"
               for="«r3»"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 iKLqDC"
+                class="Box-sc-g0xbh4-0 bLqLzD"
                 display="flex"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 lmrBnU"
+                  class="Box-sc-g0xbh4-0 hUckZh"
                   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 eyKFdg exFZoC TextInput-wrapper"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 fhFAUB fNRGPr TextInput-wrapper"
               sx="[object Object]"
             >
               <input
                 aria-describedby=""
                 aria-invalid="false"
                 aria-required="true"
-                class="UnstyledTextInput-sc-14ypya-0 kxfjQe"
+                class="UnstyledTextInput-sc-14ypya-0 cYgFLP"
                 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 dKkyER"
+            class="Box-sc-g0xbh4-0 hdUVJw"
             display="flex"
             flexdirection="column"
             sx="[object Object]"
           >
             <label
-              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cydaRs"
+              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hlYlJd"
               for="«r4»"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 iKLqDC"
+                class="Box-sc-g0xbh4-0 bLqLzD"
                 display="flex"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 lmrBnU"
+                  class="Box-sc-g0xbh4-0 hUckZh"
                   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 hXlyjU bVuhZt TextInput-wrapper"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 dQEAbp eZASgg TextInput-wrapper"
               sx="[object Object]"
             >
               <input
                 aria-describedby=""
                 aria-invalid="false"
                 aria-required="true"
-                class="UnstyledTextInput-sc-14ypya-0 kxfjQe"
+                class="UnstyledTextInput-sc-14ypya-0 cYgFLP"
                 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 fOHtBo TextInput-action"
+                class="Box-sc-g0xbh4-0 cOGnzx 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 kNBiPy"
+                  class="types__StyledButton-sc-ws60qy-0 fcgihb"
                   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 bnoNfJ"
+                  class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
                   data-direction="s"
                   id="«r5»"
                   popover="auto"
@@ -844,7 +844,7 @@ exports[`renderer/routes/LoginWithOAuthApp.tsx renders correctly 1`] = `
         class="Box-sc-g0xbh4-0 left-sidebar bg-gitify-footer"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 kTDLcS tooltipped-n"
+            class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL tooltipped-n"
             id="«r7»"
             role="tooltip"
           >
             <button
               aria-describedby="«r8»-loading-announcement"
-              class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+              class="types__StyledButton-sc-ws60qy-0 QOGvM"
               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 daPfHi"
+                class="Box-sc-g0xbh4-0 cNXQpH"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 kdRuZg"
+                  class="Box-sc-g0xbh4-0 hLQYlN"
                   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 dOFJGQ"
+            class="Box-sc-g0xbh4-0 cdYcYt"
             data-loading-wrapper="true"
             sx="[object Object]"
           >
             <button
               aria-describedby="«r9»-loading-announcement"
-              class="types__StyledButton-sc-ws60qy-0 gZebIL"
+              class="types__StyledButton-sc-ws60qy-0 eYdieS"
               data-loading="false"
               data-testid="login-submit"
               sx="[object Object]"
               type="button"
             >
               <span
-                class="Box-sc-g0xbh4-0 daPfHi"
+                class="Box-sc-g0xbh4-0 cNXQpH"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 kdRuZg"
+                  class="Box-sc-g0xbh4-0 hLQYlN"
                   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 b40c04e91..b184c6624 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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 fLllbW"
+              class="types__StyledButton-sc-ws60qy-0 gVycBz"
               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 iqrTOO"
+                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                   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 cUrWsD"
+                    class="Heading__StyledHeading-sc-1c1dgg0-0 dCpCSu"
                     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-hidden overflow-y-auto px-8"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 dKkyER"
+              class="Box-sc-g0xbh4-0 hdUVJw"
               display="flex"
               flexdirection="column"
               sx="[object Object]"
             >
               <label
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cydaRs"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hlYlJd"
                 for="«r1»"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 iKLqDC"
+                  class="Box-sc-g0xbh4-0 bLqLzD"
                   display="flex"
                 >
                   <div
-                    class="Box-sc-g0xbh4-0 lmrBnU"
+                    class="Box-sc-g0xbh4-0 hUckZh"
                     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 eyKFdg exFZoC TextInput-wrapper"
+                class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 fhFAUB fNRGPr TextInput-wrapper"
                 sx="[object Object]"
               >
                 <input
                   aria-describedby="«r1»-caption"
                   aria-invalid="false"
                   aria-required="true"
-                  class="UnstyledTextInput-sc-14ypya-0 kxfjQe"
+                  class="UnstyledTextInput-sc-14ypya-0 cYgFLP"
                   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 igYiNa"
+                class="Text-sc-17v1xeu-0 jTOhzj"
                 color="fg.muted"
                 display="block"
                 font-size="0"
                 id="«r1»-caption"
               >
                 <i
-                  class="Text-sc-17v1xeu-0 druJoj"
+                  class="Text-sc-17v1xeu-0 gfWGMy"
                 >
                   Change only if you are using GitHub Enterprise Server
                 </i>
               </span>
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 AwKAJ"
+                  class="types__StyledButton-sc-ws60qy-0 QOGvM"
                   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 daPfHi"
+                    class="Box-sc-g0xbh4-0 cNXQpH"
                     data-component="buttonContent"
                     sx="[object Object]"
                   >
                     <span
-                      class="Box-sc-g0xbh4-0 kdRuZg"
+                      class="Box-sc-g0xbh4-0 hLQYlN"
                       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 druJoj text-xs"
+                  class="Text-sc-17v1xeu-0 gfWGMy text-xs"
                 >
                   on GitHub to paste the token below.
                 </span>
               </div>
               <i
-                class="Text-sc-17v1xeu-0 druJoj text-xs"
+                class="Text-sc-17v1xeu-0 gfWGMy text-xs"
               >
                 The
                  
                 <span
                   aria-label="read:user, notifications, repo"
-                  class="Tooltip__TooltipBase-sc-17tf59c-0 kTDLcS tooltipped-se"
+                  class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL tooltipped-se"
                   id="«r3»"
                   role="tooltip"
                 >
                   <u
-                    class="Text-sc-17v1xeu-0 druJoj"
+                    class="Text-sc-17v1xeu-0 gfWGMy"
                   >
                     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 dKkyER"
+              class="Box-sc-g0xbh4-0 hdUVJw"
               display="flex"
               flexdirection="column"
               sx="[object Object]"
             >
               <label
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cydaRs"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hlYlJd"
                 for="«r4»"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 iKLqDC"
+                  class="Box-sc-g0xbh4-0 bLqLzD"
                   display="flex"
                 >
                   <div
-                    class="Box-sc-g0xbh4-0 lmrBnU"
+                    class="Box-sc-g0xbh4-0 hUckZh"
                     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 hXlyjU bVuhZt TextInput-wrapper"
+                class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 dQEAbp eZASgg TextInput-wrapper"
                 sx="[object Object]"
               >
                 <input
                   aria-describedby=""
                   aria-invalid="false"
                   aria-required="true"
-                  class="UnstyledTextInput-sc-14ypya-0 kxfjQe"
+                  class="UnstyledTextInput-sc-14ypya-0 cYgFLP"
                   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 fOHtBo TextInput-action"
+                  class="Box-sc-g0xbh4-0 cOGnzx 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 kNBiPy"
+                    class="types__StyledButton-sc-ws60qy-0 fcgihb"
                     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 bnoNfJ"
+                    class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
                     data-direction="s"
                     id="«r5»"
                     popover="auto"
@@ -346,7 +346,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
           class="Box-sc-g0xbh4-0 left-sidebar bg-gitify-footer"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 kTDLcS tooltipped-ne"
+              class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL tooltipped-ne"
               id="«r7»"
               role="tooltip"
             >
               <button
                 aria-describedby="«r8»-loading-announcement"
-                class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+                class="types__StyledButton-sc-ws60qy-0 QOGvM"
                 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 daPfHi"
+                  class="Box-sc-g0xbh4-0 cNXQpH"
                   data-component="buttonContent"
                   sx="[object Object]"
                 >
                   <span
-                    class="Box-sc-g0xbh4-0 kdRuZg"
+                    class="Box-sc-g0xbh4-0 hLQYlN"
                     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 dOFJGQ"
+              class="Box-sc-g0xbh4-0 cdYcYt"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby="«r9»-loading-announcement"
-                class="types__StyledButton-sc-ws60qy-0 gZebIL"
+                class="types__StyledButton-sc-ws60qy-0 eYdieS"
                 data-loading="false"
                 data-testid="login-submit"
                 sx="[object Object]"
                 type="button"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 daPfHi"
+                  class="Box-sc-g0xbh4-0 cNXQpH"
                   data-component="buttonContent"
                   sx="[object Object]"
                 >
                   <span
-                    class="Box-sc-g0xbh4-0 kdRuZg"
+                    class="Box-sc-g0xbh4-0 hLQYlN"
                     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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 fLllbW"
+            class="types__StyledButton-sc-ws60qy-0 gVycBz"
             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 iqrTOO"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
                 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 cUrWsD"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 dCpCSu"
                   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-hidden overflow-y-auto px-8"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 dKkyER"
+            class="Box-sc-g0xbh4-0 hdUVJw"
             display="flex"
             flexdirection="column"
             sx="[object Object]"
           >
             <label
-              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cydaRs"
+              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hlYlJd"
               for="«r1»"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 iKLqDC"
+                class="Box-sc-g0xbh4-0 bLqLzD"
                 display="flex"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 lmrBnU"
+                  class="Box-sc-g0xbh4-0 hUckZh"
                   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 eyKFdg exFZoC TextInput-wrapper"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 fhFAUB fNRGPr TextInput-wrapper"
               sx="[object Object]"
             >
               <input
                 aria-describedby="«r1»-caption"
                 aria-invalid="false"
                 aria-required="true"
-                class="UnstyledTextInput-sc-14ypya-0 kxfjQe"
+                class="UnstyledTextInput-sc-14ypya-0 cYgFLP"
                 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 igYiNa"
+              class="Text-sc-17v1xeu-0 jTOhzj"
               color="fg.muted"
               display="block"
               font-size="0"
               id="«r1»-caption"
             >
               <i
-                class="Text-sc-17v1xeu-0 druJoj"
+                class="Text-sc-17v1xeu-0 gfWGMy"
               >
                 Change only if you are using GitHub Enterprise Server
               </i>
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 AwKAJ"
+                class="types__StyledButton-sc-ws60qy-0 QOGvM"
                 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 daPfHi"
+                  class="Box-sc-g0xbh4-0 cNXQpH"
                   data-component="buttonContent"
                   sx="[object Object]"
                 >
                   <span
-                    class="Box-sc-g0xbh4-0 kdRuZg"
+                    class="Box-sc-g0xbh4-0 hLQYlN"
                     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 druJoj text-xs"
+                class="Text-sc-17v1xeu-0 gfWGMy text-xs"
               >
                 on GitHub to paste the token below.
               </span>
             </div>
             <i
-              class="Text-sc-17v1xeu-0 druJoj text-xs"
+              class="Text-sc-17v1xeu-0 gfWGMy text-xs"
             >
               The
                
               <span
                 aria-label="read:user, notifications, repo"
-                class="Tooltip__TooltipBase-sc-17tf59c-0 kTDLcS tooltipped-se"
+                class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL tooltipped-se"
                 id="«r3»"
                 role="tooltip"
               >
                 <u
-                  class="Text-sc-17v1xeu-0 druJoj"
+                  class="Text-sc-17v1xeu-0 gfWGMy"
                 >
                   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 dKkyER"
+            class="Box-sc-g0xbh4-0 hdUVJw"
             display="flex"
             flexdirection="column"
             sx="[object Object]"
           >
             <label
-              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cydaRs"
+              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hlYlJd"
               for="«r4»"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 iKLqDC"
+                class="Box-sc-g0xbh4-0 bLqLzD"
                 display="flex"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 lmrBnU"
+                  class="Box-sc-g0xbh4-0 hUckZh"
                   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 hXlyjU bVuhZt TextInput-wrapper"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 dQEAbp eZASgg TextInput-wrapper"
               sx="[object Object]"
             >
               <input
                 aria-describedby=""
                 aria-invalid="false"
                 aria-required="true"
-                class="UnstyledTextInput-sc-14ypya-0 kxfjQe"
+                class="UnstyledTextInput-sc-14ypya-0 cYgFLP"
                 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 fOHtBo TextInput-action"
+                class="Box-sc-g0xbh4-0 cOGnzx 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 kNBiPy"
+                  class="types__StyledButton-sc-ws60qy-0 fcgihb"
                   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 bnoNfJ"
+                  class="Tooltip__StyledTooltip-sc-e45c7z-0 hxvobc"
                   data-direction="s"
                   id="«r5»"
                   popover="auto"
@@ -798,7 +798,7 @@ exports[`renderer/routes/LoginWithPersonalAccessToken.tsx renders correctly 1`]
         class="Box-sc-g0xbh4-0 left-sidebar bg-gitify-footer"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 kTDLcS tooltipped-ne"
+            class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL tooltipped-ne"
             id="«r7»"
             role="tooltip"
           >
             <button
               aria-describedby="«r8»-loading-announcement"
-              class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+              class="types__StyledButton-sc-ws60qy-0 QOGvM"
               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 daPfHi"
+                class="Box-sc-g0xbh4-0 cNXQpH"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 kdRuZg"
+                  class="Box-sc-g0xbh4-0 hLQYlN"
                   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 dOFJGQ"
+            class="Box-sc-g0xbh4-0 cdYcYt"
             data-loading-wrapper="true"
             sx="[object Object]"
           >
             <button
               aria-describedby="«r9»-loading-announcement"
-              class="types__StyledButton-sc-ws60qy-0 gZebIL"
+              class="types__StyledButton-sc-ws60qy-0 eYdieS"
               data-loading="false"
               data-testid="login-submit"
               sx="[object Object]"
               type="button"
             >
               <span
-                class="Box-sc-g0xbh4-0 daPfHi"
+                class="Box-sc-g0xbh4-0 cNXQpH"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 kdRuZg"
+                  class="Box-sc-g0xbh4-0 hLQYlN"
                   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 894dd2ae2..1ad989a05 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 iqrTOO"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
       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 fLllbW"
+        class="types__StyledButton-sc-ws60qy-0 gVycBz"
         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 iqrTOO"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
             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 cUrWsD"
+              class="Heading__StyledHeading-sc-1c1dgg0-0 dCpCSu"
               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-hidden overflow-y-auto px-8 pb-4"
   >
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
       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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 fcWqmq"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                 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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 lmYhVX hajyfs"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 ilEDMK gIfOHd"
               sx="[object Object]"
             >
               <select
                 aria-invalid="false"
-                class="Select__StyledSelect-sc-li6bhs-0 KdiIc"
+                class="Select__StyledSelect-sc-li6bhs-0 hiIQKB"
                 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 dmsrwV"
+                class="Select__ArrowIndicator-sc-li6bhs-1 gQkzJk"
                 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 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 hzEnfM ml-2"
+              class="ButtonGroup-sc-1gxhls1-0 ePLgSl ml-2"
             >
               <button
                 aria-describedby="«r1»-loading-announcement"
                 aria-label="Zoom out"
-                class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+                class="types__StyledButton-sc-ws60qy-0 QOGvM"
                 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 AwKAJ"
+                class="types__StyledButton-sc-ws60qy-0 QOGvM"
                 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 daPfHi"
+                  class="Box-sc-g0xbh4-0 cNXQpH"
                   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 AwKAJ"
+                class="types__StyledButton-sc-ws60qy-0 QOGvM"
                 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 eowWPI"
+                class="types__StyledButton-sc-ws60qy-0 gjscLt"
                 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 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 fcWqmq"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                 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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 iqrTOO text-sm"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO text-sm"
+                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 fcWqmq"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
                 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 iqrTOO"
+          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
           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 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 iqrTOO"
+              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
               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 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv 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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 eeDlTN"
+          class="types__StyledButton-sc-ws60qy-0 fZJSho"
           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 daPfHi"
+            class="Box-sc-g0xbh4-0 cNXQpH"
             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 left-sidebar bg-gitify-footer"
   >
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 iqrTOO"
+      class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
       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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 kTDLcS tooltipped-n"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL tooltipped-n"
           id="«r6»"
           role="tooltip"
         >
           <button
             aria-describedby="«r7»-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+            class="types__StyledButton-sc-ws60qy-0 QOGvM"
             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 daPfHi"
+              class="Box-sc-g0xbh4-0 cNXQpH"
               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 iqrTOO"
+        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
         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 kTDLcS tooltipped-n"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL tooltipped-n"
           id="«r8»"
           role="tooltip"
         >
           <button
             aria-describedby="«r9»-loading-announcement"
             aria-label="Accounts"
-            class="types__StyledButton-sc-ws60qy-0 AwKAJ"
+            class="types__StyledButton-sc-ws60qy-0 QOGvM"
             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 kTDLcS tooltipped-nw"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL tooltipped-nw"
           id="«ra»"
           role="tooltip"
         >
           <button
             aria-describedby="«rb»-loading-announcement"
             aria-label="Quit Gitify"
-            class="types__StyledButton-sc-ws60qy-0 eowWPI"
+            class="types__StyledButton-sc-ws60qy-0 gjscLt"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"