diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index 7d9ce37b7..2ba0659cf 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -59,13 +59,13 @@ jobs:
       - run: pnpm install
      
       - name: Download a single artifact
-        uses: actions/download-artifact@95815c38cf2ff2164869cbab79da8d1f422bc89e # v4.2.1
+        uses: actions/download-artifact@d3f86a106a0bac45b974a628896c90dbdf5c8093 # v4.3.0
         with:
           name: code-coverage-report
           path: coverage/
       
       - name: SonarQube Cloud Scan
-        uses: SonarSource/sonarqube-scan-action@aa494459d7c39c106cc77b166de8b4250a32bb97 # v5.1.0
+        uses: SonarSource/sonarqube-scan-action@2500896589ef8f7247069a56136f8dc177c27ccf # v5.2.0
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}  # Needed to get PR information, if any
           SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}
diff --git a/.nvmrc b/.nvmrc
index dc5620acb..156ca6d39 100644
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-22.15.0
\ No newline at end of file
+22.16.0
\ No newline at end of file
diff --git a/jest.config.ts b/jest.config.ts
index 89f63907d..1b61fec23 100644
--- a/jest.config.ts
+++ b/jest.config.ts
@@ -2,7 +2,7 @@ import type { Config } from 'jest';
 
 const config: Config = {
   preset: 'ts-jest',
-  setupFiles: ['<rootDir>/src/renderer/__helpers__/jest.setup.ts'],
+  setupFilesAfterEnv: ['<rootDir>/src/renderer/__helpers__/jest.setup.ts'],
   testEnvironment: 'jsdom',
   collectCoverage: true,
   collectCoverageFrom: ['src/**/*', '!**/__snapshots__/**'],
diff --git a/package.json b/package.json
index 854904514..3bb0632e0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gitify",
-  "version": "6.3.0",
+  "version": "6.4.0",
   "description": "GitHub notifications on your menu bar.",
   "main": "build/main.js",
   "scripts": {
@@ -68,37 +68,39 @@
   "homepage": "https://gitify.io/",
   "dependencies": {
     "@electron/remote": "2.1.2",
-    "electron-log": "5.3.4",
+    "electron-log": "5.4.0",
     "electron-updater": "6.6.2",
     "menubar": "9.5.1",
     "react": "19.1.0",
     "react-dom": "19.1.0",
-    "react-router-dom": "7.5.1",
+    "react-router-dom": "7.6.1",
     "update-electron-app": "3.1.1"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
     "@discordapp/twemoji": "15.1.0",
     "@electron/notarize": "3.0.1",
-    "@primer/octicons-react": "19.15.1",
-    "@primer/primitives": "10.5.0",
+    "@primer/octicons-react": "19.15.2",
+    "@primer/primitives": "10.7.0",
     "@primer/react": "36.27.0",
-    "@tailwindcss/postcss": "4.1.4",
+    "@tailwindcss/postcss": "4.1.7",
+    "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
+    "@testing-library/user-event": "14.6.1",
     "@types/jest": "29.5.14",
-    "@types/node": "22.14.1",
-    "@types/react": "19.1.2",
-    "@types/react-dom": "19.1.2",
+    "@types/node": "22.15.21",
+    "@types/react": "19.1.5",
+    "@types/react-dom": "19.1.5",
     "@types/react-router-dom": "5.3.3",
     "@types/semver": "7.7.0",
-    "axios": "1.8.4",
+    "axios": "1.9.0",
     "clsx": "2.1.1",
     "concurrently": "9.1.2",
     "copy-webpack-plugin": "13.0.0",
     "css-loader": "7.1.2",
     "css-minimizer-webpack-plugin": "7.0.2",
     "date-fns": "4.1.0",
-    "electron": "35.2.1",
+    "electron": "36.3.1",
     "electron-builder": "25.1.8",
     "final-form": "4.20.10",
     "graphql-tag": "2.12.6",
@@ -111,22 +113,27 @@
     "postcss": "8.5.3",
     "postcss-loader": "8.1.1",
     "rimraf": "6.0.1",
-    "semver": "7.7.1",
-    "styled-components": "6.1.17",
-    "tailwind-merge": "3.2.0",
-    "tailwindcss": "4.1.4",
+    "semver": "7.7.2",
+    "styled-components": "6.1.18",
+    "tailwind-merge": "3.3.0",
+    "tailwindcss": "4.1.7",
     "terser-webpack-plugin": "5.3.14",
-    "ts-jest": "29.3.2",
+    "ts-jest": "29.3.4",
     "ts-loader": "9.5.2",
     "ts-node": "10.9.2",
     "typescript": "5.8.3",
-    "webpack": "5.99.6",
+    "webpack": "5.99.9",
     "webpack-cli": "6.0.1",
     "webpack-merge": "6.0.1"
   },
-  "packageManager": "pnpm@10.9.0",
+  "packageManager": "pnpm@10.11.0",
   "pnpm": {
-    "onlyBuiltDependencies": ["@biomejs/biome", "electron", "esbuild"]
+    "onlyBuiltDependencies": [
+      "@biomejs/biome",
+      "@tailwindcss/oxide",
+      "electron",
+      "esbuild"
+    ]
   },
   "lint-staged": {
     "*": "biome check --fix --no-errors-on-unmatched",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b3f481fd9..fedbfca43 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -10,16 +10,16 @@ importers:
     dependencies:
       '@electron/remote':
         specifier: 2.1.2
-        version: 2.1.2(electron@35.2.1)
+        version: 2.1.2(electron@36.3.1)
       electron-log:
-        specifier: 5.3.4
-        version: 5.3.4
+        specifier: 5.4.0
+        version: 5.4.0
       electron-updater:
         specifier: 6.6.2
         version: 6.6.2
       menubar:
         specifier: 9.5.1
-        version: 9.5.1(electron@35.2.1)
+        version: 9.5.1(electron@36.3.1)
       react:
         specifier: 19.1.0
         version: 19.1.0
@@ -27,8 +27,8 @@ importers:
         specifier: 19.1.0
         version: 19.1.0(react@19.1.0)
       react-router-dom:
-        specifier: 7.5.1
-        version: 7.5.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+        specifier: 7.6.1
+        version: 7.6.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       update-electron-app:
         specifier: 3.1.1
         version: 3.1.1
@@ -43,32 +43,38 @@ importers:
         specifier: 3.0.1
         version: 3.0.1
       '@primer/octicons-react':
-        specifier: 19.15.1
-        version: 19.15.1(react@19.1.0)
+        specifier: 19.15.2
+        version: 19.15.2(react@19.1.0)
       '@primer/primitives':
-        specifier: 10.5.0
-        version: 10.5.0
+        specifier: 10.7.0
+        version: 10.7.0
       '@primer/react':
         specifier: 36.27.0
-        version: 36.27.0(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(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))
+        version: 36.27.0(@types/react-dom@19.1.5(@types/react@19.1.5))(@types/react@19.1.5)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(styled-components@6.1.18(react-dom@19.1.0(react@19.1.0))(react@19.1.0))
       '@tailwindcss/postcss':
-        specifier: 4.1.4
-        version: 4.1.4
+        specifier: 4.1.7
+        version: 4.1.7
+      '@testing-library/jest-dom':
+        specifier: 6.6.3
+        version: 6.6.3
       '@testing-library/react':
         specifier: 16.3.0
-        version: 16.3.0(@testing-library/dom@10.0.0)(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+        version: 16.3.0(@testing-library/dom@10.0.0)(@types/react-dom@19.1.5(@types/react@19.1.5))(@types/react@19.1.5)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@testing-library/user-event':
+        specifier: 14.6.1
+        version: 14.6.1(@testing-library/dom@10.0.0)
       '@types/jest':
         specifier: 29.5.14
         version: 29.5.14
       '@types/node':
-        specifier: 22.14.1
-        version: 22.14.1
+        specifier: 22.15.21
+        version: 22.15.21
       '@types/react':
-        specifier: 19.1.2
-        version: 19.1.2
+        specifier: 19.1.5
+        version: 19.1.5
       '@types/react-dom':
-        specifier: 19.1.2
-        version: 19.1.2(@types/react@19.1.2)
+        specifier: 19.1.5
+        version: 19.1.5(@types/react@19.1.5)
       '@types/react-router-dom':
         specifier: 5.3.3
         version: 5.3.3
@@ -76,8 +82,8 @@ importers:
         specifier: 7.7.0
         version: 7.7.0
       axios:
-        specifier: 1.8.4
-        version: 1.8.4
+        specifier: 1.9.0
+        version: 1.9.0
       clsx:
         specifier: 2.1.1
         version: 2.1.1
@@ -86,19 +92,19 @@ importers:
         version: 9.1.2
       copy-webpack-plugin:
         specifier: 13.0.0
-        version: 13.0.0(webpack@5.99.6)
+        version: 13.0.0(webpack@5.99.9)
       css-loader:
         specifier: 7.1.2
-        version: 7.1.2(webpack@5.99.6)
+        version: 7.1.2(webpack@5.99.9)
       css-minimizer-webpack-plugin:
         specifier: 7.0.2
-        version: 7.0.2(webpack@5.99.6)
+        version: 7.0.2(webpack@5.99.9)
       date-fns:
         specifier: 4.1.0
         version: 4.1.0
       electron:
-        specifier: 35.2.1
-        version: 35.2.1
+        specifier: 36.3.1
+        version: 36.3.1
       electron-builder:
         specifier: 25.1.8
         version: 25.1.8(electron-builder-squirrel-windows@24.13.3)
@@ -110,19 +116,19 @@ importers:
         version: 2.12.6(graphql@16.8.1)
       html-webpack-plugin:
         specifier: 5.6.3
-        version: 5.6.3(webpack@5.99.6)
+        version: 5.6.3(webpack@5.99.9)
       husky:
         specifier: 9.1.7
         version: 9.1.7
       jest:
         specifier: 29.7.0
-        version: 29.7.0(@types/node@22.14.1)(ts-node@10.9.2(@types/node@22.14.1)(typescript@5.8.3))
+        version: 29.7.0(@types/node@22.15.21)(ts-node@10.9.2(@types/node@22.15.21)(typescript@5.8.3))
       jest-environment-jsdom:
         specifier: 29.7.0
         version: 29.7.0
       mini-css-extract-plugin:
         specifier: 2.9.2
-        version: 2.9.2(webpack@5.99.6)
+        version: 2.9.2(webpack@5.99.9)
       nock:
         specifier: 13.5.6
         version: 13.5.6
@@ -131,43 +137,43 @@ importers:
         version: 8.5.3
       postcss-loader:
         specifier: 8.1.1
-        version: 8.1.1(postcss@8.5.3)(typescript@5.8.3)(webpack@5.99.6)
+        version: 8.1.1(postcss@8.5.3)(typescript@5.8.3)(webpack@5.99.9)
       rimraf:
         specifier: 6.0.1
         version: 6.0.1
       semver:
-        specifier: 7.7.1
-        version: 7.7.1
+        specifier: 7.7.2
+        version: 7.7.2
       styled-components:
-        specifier: 6.1.17
-        version: 6.1.17(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+        specifier: 6.1.18
+        version: 6.1.18(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       tailwind-merge:
-        specifier: 3.2.0
-        version: 3.2.0
+        specifier: 3.3.0
+        version: 3.3.0
       tailwindcss:
-        specifier: 4.1.4
-        version: 4.1.4
+        specifier: 4.1.7
+        version: 4.1.7
       terser-webpack-plugin:
         specifier: 5.3.14
-        version: 5.3.14(webpack@5.99.6)
+        version: 5.3.14(webpack@5.99.9)
       ts-jest:
-        specifier: 29.3.2
-        version: 29.3.2(@babel/core@7.24.3)(@jest/transform@29.7.0)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.24.3))(jest@29.7.0(@types/node@22.14.1)(ts-node@10.9.2(@types/node@22.14.1)(typescript@5.8.3)))(typescript@5.8.3)
+        specifier: 29.3.4
+        version: 29.3.4(@babel/core@7.24.3)(@jest/transform@29.7.0)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.24.3))(jest@29.7.0(@types/node@22.15.21)(ts-node@10.9.2(@types/node@22.15.21)(typescript@5.8.3)))(typescript@5.8.3)
       ts-loader:
         specifier: 9.5.2
-        version: 9.5.2(typescript@5.8.3)(webpack@5.99.6)
+        version: 9.5.2(typescript@5.8.3)(webpack@5.99.9)
       ts-node:
         specifier: 10.9.2
-        version: 10.9.2(@types/node@22.14.1)(typescript@5.8.3)
+        version: 10.9.2(@types/node@22.15.21)(typescript@5.8.3)
       typescript:
         specifier: 5.8.3
         version: 5.8.3
       webpack:
-        specifier: 5.99.6
-        version: 5.99.6(webpack-cli@6.0.1)
+        specifier: 5.99.9
+        version: 5.99.9(webpack-cli@6.0.1)
       webpack-cli:
         specifier: 6.0.1
-        version: 6.0.1(webpack@5.99.6)
+        version: 6.0.1(webpack@5.99.9)
       webpack-merge:
         specifier: 6.0.1
         version: 6.0.1
@@ -177,6 +183,9 @@ packages:
   7zip-bin@5.2.0:
     resolution: {integrity: sha512-ukTPVhqG4jNzMro2qA9HSCSSVJN3aN7tlb+hfqYCt3ER0yWroeA2VR38MNrOHLQ/cVj+DaIMad0kFCtWWowh/A==}
 
+  '@adobe/css-tools@4.4.2':
+    resolution: {integrity: sha512-baYZExFpsdkBNuvGKTKWCwKH57HRZLVtycZS05WTQNVOiXVSeAki3nU35zlRbToeMW8aHlJfyS+1C4BOv27q0A==}
+
   '@alloc/quick-lru@5.2.0':
     resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
     engines: {node: '>=10'}
@@ -504,6 +513,10 @@ packages:
     resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
     engines: {node: '>=12'}
 
+  '@isaacs/fs-minipass@4.0.1':
+    resolution: {integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==}
+    engines: {node: '>=18.0.0'}
+
   '@istanbuljs/load-nyc-config@1.1.0':
     resolution: {integrity: sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==}
     engines: {node: '>=8'}
@@ -596,6 +609,9 @@ packages:
   '@jridgewell/sourcemap-codec@1.4.15':
     resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
 
+  '@jridgewell/sourcemap-codec@1.5.0':
+    resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
+
   '@jridgewell/trace-mapping@0.3.25':
     resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
 
@@ -642,14 +658,14 @@ packages:
   '@primer/live-region-element@0.7.1':
     resolution: {integrity: sha512-9uQCeBCb3wefz3kJNSo+PECc7T7TNB3k22JUdHY08Zlv9bd1rtsQgpazM5umcbZQrACzGbgufAfdbhGUBXI3jA==}
 
-  '@primer/octicons-react@19.15.1':
-    resolution: {integrity: sha512-U9g8sj2ON2cKF1jvs3cEfhW51BNkOXjbdi5qPMSY5e4T7KVKR1gK9BZ/gpB4oTqkjoL2dikaWXdnH8vhwyR6lg==}
+  '@primer/octicons-react@19.15.2':
+    resolution: {integrity: sha512-bVpBKLm5wOdVlwvjCU/uD4JeeVv5iQWpCO0kgkUYX7yzGgV0mf427kdzqKacYMY5rgcbpmiCKAqFe4j6hXz0ow==}
     engines: {node: '>=8'}
     peerDependencies:
       react: '>=16.3'
 
-  '@primer/primitives@10.5.0':
-    resolution: {integrity: sha512-1fSJqFE9wcGl2eUBp+xomCt7O8efqG7Y3yQdjjRQDUxxoSauBqUUt4ufQg5O1+lSfH725dhy7cHA03gDAvKkfw==}
+  '@primer/primitives@10.7.0':
+    resolution: {integrity: sha512-732Dq7c4znkewwRkXldV0NLLppfGrDJHPXsXO2QLHwJxKLwi2icKkzcOR77vb5g0ThObZJrRqlB/4DYajIiyyQ==}
 
   '@primer/primitives@7.17.1':
     resolution: {integrity: sha512-SiPzEb+up1nDpV2NGwNiY8m6sGnF3OUqRb0has5s6T40vq6Li/g3cYVgl+oolEa4DUoNygEPs09jwJt24f/3zg==}
@@ -734,65 +750,65 @@ packages:
     resolution: {integrity: sha512-4BAffykYOgO+5nzBWYwE3W90sBgLJoUPRWWcL8wlyiM8IB8ipJz3UMJ9KXQd1RKQXpKp8Tutn80HZtWsu2u76w==}
     engines: {node: '>=10'}
 
-  '@tailwindcss/node@4.1.4':
-    resolution: {integrity: sha512-MT5118zaiO6x6hNA04OWInuAiP1YISXql8Z+/Y8iisV5nuhM8VXlyhRuqc2PEviPszcXI66W44bCIk500Oolhw==}
+  '@tailwindcss/node@4.1.7':
+    resolution: {integrity: sha512-9rsOpdY9idRI2NH6CL4wORFY0+Q6fnx9XP9Ju+iq/0wJwGD5IByIgFmwVbyy4ymuyprj8Qh4ErxMKTUL4uNh3g==}
 
-  '@tailwindcss/oxide-android-arm64@4.1.4':
-    resolution: {integrity: sha512-xMMAe/SaCN/vHfQYui3fqaBDEXMu22BVwQ33veLc8ep+DNy7CWN52L+TTG9y1K397w9nkzv+Mw+mZWISiqhmlA==}
+  '@tailwindcss/oxide-android-arm64@4.1.7':
+    resolution: {integrity: sha512-IWA410JZ8fF7kACus6BrUwY2Z1t1hm0+ZWNEzykKmMNM09wQooOcN/VXr0p/WJdtHZ90PvJf2AIBS/Ceqx1emg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [android]
 
-  '@tailwindcss/oxide-darwin-arm64@4.1.4':
-    resolution: {integrity: sha512-JGRj0SYFuDuAGilWFBlshcexev2hOKfNkoX+0QTksKYq2zgF9VY/vVMq9m8IObYnLna0Xlg+ytCi2FN2rOL0Sg==}
+  '@tailwindcss/oxide-darwin-arm64@4.1.7':
+    resolution: {integrity: sha512-81jUw9To7fimGGkuJ2W5h3/oGonTOZKZ8C2ghm/TTxbwvfSiFSDPd6/A/KE2N7Jp4mv3Ps9OFqg2fEKgZFfsvg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@tailwindcss/oxide-darwin-x64@4.1.4':
-    resolution: {integrity: sha512-sdDeLNvs3cYeWsEJ4H1DvjOzaGios4QbBTNLVLVs0XQ0V95bffT3+scptzYGPMjm7xv4+qMhCDrkHwhnUySEzA==}
+  '@tailwindcss/oxide-darwin-x64@4.1.7':
+    resolution: {integrity: sha512-q77rWjEyGHV4PdDBtrzO0tgBBPlQWKY7wZK0cUok/HaGgbNKecegNxCGikuPJn5wFAlIywC3v+WMBt0PEBtwGw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
 
-  '@tailwindcss/oxide-freebsd-x64@4.1.4':
-    resolution: {integrity: sha512-VHxAqxqdghM83HslPhRsNhHo91McsxRJaEnShJOMu8mHmEj9Ig7ToHJtDukkuLWLzLboh2XSjq/0zO6wgvykNA==}
+  '@tailwindcss/oxide-freebsd-x64@4.1.7':
+    resolution: {integrity: sha512-RfmdbbK6G6ptgF4qqbzoxmH+PKfP4KSVs7SRlTwcbRgBwezJkAO3Qta/7gDy10Q2DcUVkKxFLXUQO6J3CRvBGw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [freebsd]
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.4':
-    resolution: {integrity: sha512-OTU/m/eV4gQKxy9r5acuesqaymyeSCnsx1cFto/I1WhPmi5HDxX1nkzb8KYBiwkHIGg7CTfo/AcGzoXAJBxLfg==}
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.7':
+    resolution: {integrity: sha512-OZqsGvpwOa13lVd1z6JVwQXadEobmesxQ4AxhrwRiPuE04quvZHWn/LnihMg7/XkN+dTioXp/VMu/p6A5eZP3g==}
     engines: {node: '>= 10'}
     cpu: [arm]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.1.4':
-    resolution: {integrity: sha512-hKlLNvbmUC6z5g/J4H+Zx7f7w15whSVImokLPmP6ff1QqTVE+TxUM9PGuNsjHvkvlHUtGTdDnOvGNSEUiXI1Ww==}
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.7':
+    resolution: {integrity: sha512-voMvBTnJSfKecJxGkoeAyW/2XRToLZ227LxswLAwKY7YslG/Xkw9/tJNH+3IVh5bdYzYE7DfiaPbRkSHFxY1xA==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.1.4':
-    resolution: {integrity: sha512-X3As2xhtgPTY/m5edUtddmZ8rCruvBvtxYLMw9OsZdH01L2gS2icsHRwxdU0dMItNfVmrBezueXZCHxVeeb7Aw==}
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.7':
+    resolution: {integrity: sha512-PjGuNNmJeKHnP58M7XyjJyla8LPo+RmwHQpBI+W/OxqrwojyuCQ+GUtygu7jUqTEexejZHr/z3nBc/gTiXBj4A==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.1.4':
-    resolution: {integrity: sha512-2VG4DqhGaDSmYIu6C4ua2vSLXnJsb/C9liej7TuSO04NK+JJJgJucDUgmX6sn7Gw3Cs5ZJ9ZLrnI0QRDOjLfNQ==}
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.7':
+    resolution: {integrity: sha512-HMs+Va+ZR3gC3mLZE00gXxtBo3JoSQxtu9lobbZd+DmfkIxR54NO7Z+UQNPsa0P/ITn1TevtFxXTpsRU7qEvWg==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-musl@4.1.4':
-    resolution: {integrity: sha512-v+mxVgH2kmur/X5Mdrz9m7TsoVjbdYQT0b4Z+dr+I4RvreCNXyCFELZL/DO0M1RsidZTrm6O1eMnV6zlgEzTMQ==}
+  '@tailwindcss/oxide-linux-x64-musl@4.1.7':
+    resolution: {integrity: sha512-MHZ6jyNlutdHH8rd+YTdr3QbXrHXqwIhHw9e7yXEBcQdluGwhpQY2Eku8UZK6ReLaWtQ4gijIv5QoM5eE+qlsA==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-wasm32-wasi@4.1.4':
-    resolution: {integrity: sha512-2TLe9ir+9esCf6Wm+lLWTMbgklIjiF0pbmDnwmhR9MksVOq+e8aP3TSsXySnBDDvTTVd/vKu1aNttEGj3P6l8Q==}
+  '@tailwindcss/oxide-wasm32-wasi@4.1.7':
+    resolution: {integrity: sha512-ANaSKt74ZRzE2TvJmUcbFQ8zS201cIPxUDm5qez5rLEwWkie2SkGtA4P+GPTj+u8N6JbPrC8MtY8RmJA35Oo+A==}
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
     bundledDependencies:
@@ -803,29 +819,33 @@ packages:
       - '@emnapi/wasi-threads'
       - tslib
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.1.4':
-    resolution: {integrity: sha512-VlnhfilPlO0ltxW9/BgfLI5547PYzqBMPIzRrk4W7uupgCt8z6Trw/tAj6QUtF2om+1MH281Pg+HHUJoLesmng==}
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.7':
+    resolution: {integrity: sha512-HUiSiXQ9gLJBAPCMVRk2RT1ZrBjto7WvqsPBwUrNK2BcdSxMnk19h4pjZjI7zgPhDxlAbJSumTC4ljeA9y0tEw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.1.4':
-    resolution: {integrity: sha512-+7S63t5zhYjslUGb8NcgLpFXD+Kq1F/zt5Xv5qTv7HaFTG/DHyHD9GA6ieNAxhgyA4IcKa/zy7Xx4Oad2/wuhw==}
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.7':
+    resolution: {integrity: sha512-rYHGmvoHiLJ8hWucSfSOEmdCBIGZIq7SpkPRSqLsH2Ab2YUNgKeAPT1Fi2cx3+hnYOrAb0jp9cRyode3bBW4mQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
 
-  '@tailwindcss/oxide@4.1.4':
-    resolution: {integrity: sha512-p5wOpXyOJx7mKh5MXh5oKk+kqcz8T+bA3z/5VWWeQwFrmuBItGwz8Y2CHk/sJ+dNb9B0nYFfn0rj/cKHZyjahQ==}
+  '@tailwindcss/oxide@4.1.7':
+    resolution: {integrity: sha512-5SF95Ctm9DFiUyjUPnDGkoKItPX/k+xifcQhcqX5RA85m50jw1pT/KzjdvlqxRja45Y52nR4MR9fD1JYd7f8NQ==}
     engines: {node: '>= 10'}
 
-  '@tailwindcss/postcss@4.1.4':
-    resolution: {integrity: sha512-bjV6sqycCEa+AQSt2Kr7wpGF1bOZJ5wsqnLEkqSbM/JEHxx/yhMH8wHmdkPyApF9xhHeMSwnnkDUUMMM/hYnXw==}
+  '@tailwindcss/postcss@4.1.7':
+    resolution: {integrity: sha512-88g3qmNZn7jDgrrcp3ZXEQfp9CVox7xjP1HN2TFKI03CltPVd/c61ydn5qJJL8FYunn0OqBaW5HNUga0kmPVvw==}
 
   '@testing-library/dom@10.0.0':
     resolution: {integrity: sha512-PmJPnogldqoVFf+EwbHvbBJ98MmqASV8kLrBYgsDNxQcFMeIS7JFL48sfyXvuMtgmWO/wMhh25odr+8VhDmn4g==}
     engines: {node: '>=18'}
 
+  '@testing-library/jest-dom@6.6.3':
+    resolution: {integrity: sha512-IteBhl4XqYNkM54f4ejhLRJiZNqcSCoXUOG2CPK7qbD322KjQozM4kHQOfkG2oln9b9HTYqs+Sae8vBATubxxA==}
+    engines: {node: '>=14', npm: '>=6', yarn: '>=1'}
+
   '@testing-library/react@16.3.0':
     resolution: {integrity: sha512-kFSyxiEDwv1WLl2fgsq6pPBbw5aWKrsY2/noi1Id0TK0UParSF62oFQFGHXIyaG4pp2tEub/Zlel+fjjZILDsw==}
     engines: {node: '>=18'}
@@ -841,6 +861,12 @@ packages:
       '@types/react-dom':
         optional: true
 
+  '@testing-library/user-event@14.6.1':
+    resolution: {integrity: sha512-vq7fv0rnt+QTXgPxr5Hjc210p6YKq2kmdziLgnsZGgLJ9e6VAShx1pACLuRjd/AS/sr7phAR58OIIpf0LlmQNw==}
+    engines: {node: '>=12', npm: '>=6'}
+    peerDependencies:
+      '@testing-library/dom': '>=7.21.4'
+
   '@tootallnate/once@2.0.0':
     resolution: {integrity: sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==}
     engines: {node: '>= 10'}
@@ -939,8 +965,8 @@ packages:
   '@types/ms@0.7.34':
     resolution: {integrity: sha512-nG96G3Wp6acyAgJqGasjODb+acrI7KltPiRxzHPXnP3NgI28bpQDRv53olbqGXbfcgF5aiiHmO3xpwEpS5Ld9g==}
 
-  '@types/node@22.14.1':
-    resolution: {integrity: sha512-u0HuPQwe/dHrItgHHpmw3N2fYCR6x4ivMNbPHRkBVP4CvN+kiRrKHWk3i8tXiO/joPwXLMYvF9TTF0eqgHIuOw==}
+  '@types/node@22.15.21':
+    resolution: {integrity: sha512-EV/37Td6c+MgKAbkcLG6vqZ2zEYHD7bvSrzqqs2RIhbA6w3x+Dqz8MZM3sP6kGTeLrdoOgKZe+Xja7tUB2DNkQ==}
 
   '@types/plist@3.0.5':
     resolution: {integrity: sha512-E6OCaRmAe4WDmWNsL/9RMqdkkzDCY1etutkflWk4c+AcjDU07Pcz1fQwTX0TQz+Pxqn9i4L1TU3UFpjnrcDgxA==}
@@ -948,8 +974,8 @@ packages:
   '@types/prop-types@15.7.14':
     resolution: {integrity: sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ==}
 
-  '@types/react-dom@19.1.2':
-    resolution: {integrity: sha512-XGJkWF41Qq305SKWEILa1O8vzhb3aOo3ogBlSmiqNko/WmRb6QIaweuZCXjKygVDXpzXb5wyxKTSOsmkuqj+Qw==}
+  '@types/react-dom@19.1.5':
+    resolution: {integrity: sha512-CMCjrWucUBZvohgZxkjd6S9h0nZxXjzus6yDfUb+xLxYM7VvjKNH1tQrE9GWLql1XoOP4/Ds3bwFqShHUYraGg==}
     peerDependencies:
       '@types/react': ^19.0.0
 
@@ -962,8 +988,8 @@ packages:
   '@types/react-router@5.1.20':
     resolution: {integrity: sha512-jGjmu/ZqS7FjSH6owMcD5qpq19+1RS9DeVRqfl1FeBMxTDQAGwlMWOcs52NDoXaNKyG3d1cYQFMs9rCrb88o9Q==}
 
-  '@types/react@19.1.2':
-    resolution: {integrity: sha512-oxLPMytKchWGbnQM9O7D67uPa9paTNxO7jVoNMXgkkErULBPhPARCfkKL9ytcIJJRGjbsVwW4ugJzyFFvm/Tiw==}
+  '@types/react@19.1.5':
+    resolution: {integrity: sha512-piErsCVVbpMMT2r7wbawdZsq4xMvIAhQuac2gedQHysu1TZYEigE6pnFfgZT+/jQnrRuF5r+SHzuehFjfRjr4g==}
 
   '@types/responselike@1.0.3':
     resolution: {integrity: sha512-H/+L+UkTV33uf49PH5pCAUBVPNj2nDBXTN+qS1dOwyyg24l3CcicicCA7ca+HMvJBZcFgl5r8e+RR6elsb4Lyw==}
@@ -1254,8 +1280,8 @@ packages:
     resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==}
     engines: {node: '>= 4.0.0'}
 
-  axios@1.8.4:
-    resolution: {integrity: sha512-eBSYY4Y68NNlHbHBMdeDmKNtDgXWhQsJcGqzO3iLUM0GraQFSS9cVgPX5I9b3lbdFKyYoAEGAZF1DwhTaljNAw==}
+  axios@1.9.0:
+    resolution: {integrity: sha512-re4CqKTJaURpzbLHtIi6XpDv20/CnpXOtjRY5/CU32L8gU8ek9UIivcfvSWvmKEngmVbrUtPpdDwWDWL7DNHvg==}
 
   babel-jest@29.7.0:
     resolution: {integrity: sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==}
@@ -1400,6 +1426,10 @@ packages:
     resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
     engines: {node: '>=4'}
 
+  chalk@3.0.0:
+    resolution: {integrity: sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==}
+    engines: {node: '>=8'}
+
   chalk@4.1.2:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
@@ -1415,6 +1445,10 @@ packages:
     resolution: {integrity: sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==}
     engines: {node: '>=10'}
 
+  chownr@3.0.0:
+    resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==}
+    engines: {node: '>=18'}
+
   chrome-trace-event@1.0.3:
     resolution: {integrity: sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==}
     engines: {node: '>=6.0'}
@@ -1676,6 +1710,9 @@ packages:
     resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
     engines: {node: '>= 6'}
 
+  css.escape@1.5.1:
+    resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==}
+
   cssesc@3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
     engines: {node: '>=4'}
@@ -1793,6 +1830,10 @@ packages:
     resolution: {integrity: sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==}
     engines: {node: '>=8'}
 
+  detect-libc@2.0.4:
+    resolution: {integrity: sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==}
+    engines: {node: '>=8'}
+
   detect-newline@3.1.0:
     resolution: {integrity: sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==}
     engines: {node: '>=8'}
@@ -1830,6 +1871,9 @@ packages:
   dom-accessibility-api@0.5.16:
     resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
 
+  dom-accessibility-api@0.6.3:
+    resolution: {integrity: sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==}
+
   dom-converter@0.2.0:
     resolution: {integrity: sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==}
 
@@ -1895,8 +1939,8 @@ packages:
     engines: {node: '>=14.0.0'}
     hasBin: true
 
-  electron-log@5.3.4:
-    resolution: {integrity: sha512-QLj0EbsA5R5Yy4vjGlLe7m8hPNZ/Enp7c7a2WH7RUPr0hIOp0vDaC+6bJM0th6+uZKiZGGH5a2aKzvYp3eYwDQ==}
+  electron-log@5.4.0:
+    resolution: {integrity: sha512-AXI5OVppskrWxEAmCxuv8ovX+s2Br39CpCAgkGMNHQtjYT3IiVbSQTncEjFVGPgoH35ZygRm/mvUMBDWwhRxgg==}
     engines: {node: '>= 14'}
 
   electron-positioner@4.1.0:
@@ -1914,8 +1958,8 @@ packages:
   electron-updater@6.6.2:
     resolution: {integrity: sha512-Cr4GDOkbAUqRHP5/oeOmH/L2Bn6+FQPxVLZtPbcmKZC63a1F3uu5EefYOssgZXG3u/zBlubbJ5PJdITdMVggbw==}
 
-  electron@35.2.1:
-    resolution: {integrity: sha512-LO4xXLpzkPPUVLvAbdHMlW7N9Z+Qqz+7QsmSWXluTIQMeJk+v7o36nUTZghyA2I1s//tlMvuaCtle6Qo2W0Ktg==}
+  electron@36.3.1:
+    resolution: {integrity: sha512-LeOZ+tVahmctHaAssLCGRRUa2SAO09GXua3pKdG+WzkbSDMh+3iOPONNVPTqGp8HlWnzGj4r6mhsIbM2RgH+eQ==}
     engines: {node: '>= 12.20.55'}
     hasBin: true
 
@@ -2756,68 +2800,68 @@ packages:
     resolution: {integrity: sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==}
     engines: {node: '>=6'}
 
-  lightningcss-darwin-arm64@1.29.2:
-    resolution: {integrity: sha512-cK/eMabSViKn/PG8U/a7aCorpeKLMlK0bQeNHmdb7qUnBkNPnL+oV5DjJUo0kqWsJUapZsM4jCfYItbqBDvlcA==}
+  lightningcss-darwin-arm64@1.30.1:
+    resolution: {integrity: sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [darwin]
 
-  lightningcss-darwin-x64@1.29.2:
-    resolution: {integrity: sha512-j5qYxamyQw4kDXX5hnnCKMf3mLlHvG44f24Qyi2965/Ycz829MYqjrVg2H8BidybHBp9kom4D7DR5VqCKDXS0w==}
+  lightningcss-darwin-x64@1.30.1:
+    resolution: {integrity: sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [darwin]
 
-  lightningcss-freebsd-x64@1.29.2:
-    resolution: {integrity: sha512-wDk7M2tM78Ii8ek9YjnY8MjV5f5JN2qNVO+/0BAGZRvXKtQrBC4/cn4ssQIpKIPP44YXw6gFdpUF+Ps+RGsCwg==}
+  lightningcss-freebsd-x64@1.30.1:
+    resolution: {integrity: sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [freebsd]
 
-  lightningcss-linux-arm-gnueabihf@1.29.2:
-    resolution: {integrity: sha512-IRUrOrAF2Z+KExdExe3Rz7NSTuuJ2HvCGlMKoquK5pjvo2JY4Rybr+NrKnq0U0hZnx5AnGsuFHjGnNT14w26sg==}
+  lightningcss-linux-arm-gnueabihf@1.30.1:
+    resolution: {integrity: sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm]
     os: [linux]
 
-  lightningcss-linux-arm64-gnu@1.29.2:
-    resolution: {integrity: sha512-KKCpOlmhdjvUTX/mBuaKemp0oeDIBBLFiU5Fnqxh1/DZ4JPZi4evEH7TKoSBFOSOV3J7iEmmBaw/8dpiUvRKlQ==}
+  lightningcss-linux-arm64-gnu@1.30.1:
+    resolution: {integrity: sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
 
-  lightningcss-linux-arm64-musl@1.29.2:
-    resolution: {integrity: sha512-Q64eM1bPlOOUgxFmoPUefqzY1yV3ctFPE6d/Vt7WzLW4rKTv7MyYNky+FWxRpLkNASTnKQUaiMJ87zNODIrrKQ==}
+  lightningcss-linux-arm64-musl@1.30.1:
+    resolution: {integrity: sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
 
-  lightningcss-linux-x64-gnu@1.29.2:
-    resolution: {integrity: sha512-0v6idDCPG6epLXtBH/RPkHvYx74CVziHo6TMYga8O2EiQApnUPZsbR9nFNrg2cgBzk1AYqEd95TlrsL7nYABQg==}
+  lightningcss-linux-x64-gnu@1.30.1:
+    resolution: {integrity: sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
 
-  lightningcss-linux-x64-musl@1.29.2:
-    resolution: {integrity: sha512-rMpz2yawkgGT8RULc5S4WiZopVMOFWjiItBT7aSfDX4NQav6M44rhn5hjtkKzB+wMTRlLLqxkeYEtQ3dd9696w==}
+  lightningcss-linux-x64-musl@1.30.1:
+    resolution: {integrity: sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
 
-  lightningcss-win32-arm64-msvc@1.29.2:
-    resolution: {integrity: sha512-nL7zRW6evGQqYVu/bKGK+zShyz8OVzsCotFgc7judbt6wnB2KbiKKJwBE4SGoDBQ1O94RjW4asrCjQL4i8Fhbw==}
+  lightningcss-win32-arm64-msvc@1.30.1:
+    resolution: {integrity: sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [win32]
 
-  lightningcss-win32-x64-msvc@1.29.2:
-    resolution: {integrity: sha512-EdIUW3B2vLuHmv7urfzMI/h2fmlnOQBk1xlsDxkN1tCWKjNFjfLhGxYk8C8mzpSfr+A6jFFIi8fU6LbQGsRWjA==}
+  lightningcss-win32-x64-msvc@1.30.1:
+    resolution: {integrity: sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [win32]
 
-  lightningcss@1.29.2:
-    resolution: {integrity: sha512-6b6gd/RUXKaw5keVdSEtqFVdzWnU5jMxTUjA2bVcMNPLwSQ08Sv/UodBVtETLCn7k4S1Ibxwh7k68IwLZPgKaA==}
+  lightningcss@1.30.1:
+    resolution: {integrity: sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==}
     engines: {node: '>= 12.0.0'}
 
   lilconfig@3.1.2:
@@ -2910,6 +2954,9 @@ packages:
     resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
     hasBin: true
 
+  magic-string@0.30.17:
+    resolution: {integrity: sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==}
+
   make-dir@4.0.0:
     resolution: {integrity: sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==}
     engines: {node: '>=10'}
@@ -3046,6 +3093,10 @@ packages:
     resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
     engines: {node: '>=10'}
 
+  min-indent@1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
+
   mini-css-extract-plugin@2.9.2:
     resolution: {integrity: sha512-GJuACcS//jtq4kCtd5ii/M0SZf7OZRH+BxdqXZHaJfb8TJiVl+NgQRPwiYt2EuqeSkNydn/7vP+bcE27C5mb9w==}
     engines: {node: '>= 12.13.0'}
@@ -3106,11 +3157,20 @@ packages:
     resolution: {integrity: sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==}
     engines: {node: '>= 8'}
 
+  minizlib@3.0.2:
+    resolution: {integrity: sha512-oG62iEk+CYt5Xj2YqI5Xi9xWUeZhDI8jjQmC5oThVH5JGCTgIjr7ciJDzC7MBzYd//WvR1OTmP5Q38Q8ShQtVA==}
+    engines: {node: '>= 18'}
+
   mkdirp@1.0.4:
     resolution: {integrity: sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==}
     engines: {node: '>=10'}
     hasBin: true
 
+  mkdirp@3.0.1:
+    resolution: {integrity: sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==}
+    engines: {node: '>=10'}
+    hasBin: true
+
   mri@1.2.0:
     resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
     engines: {node: '>=4'}
@@ -3625,15 +3685,15 @@ packages:
       '@types/react': '>=16'
       react: '>=16'
 
-  react-router-dom@7.5.1:
-    resolution: {integrity: sha512-5DPSPc7ENrt2tlKPq0FtpG80ZbqA9aIKEyqX6hSNJDlol/tr6iqCK4crqdsusmOSSotq6zDsn0y3urX9TuTNmA==}
+  react-router-dom@7.6.1:
+    resolution: {integrity: sha512-vxU7ei//UfPYQ3iZvHuO1D/5fX3/JOqhNTbRR+WjSBWxf9bIvpWK+ftjmdfJHzPOuMQKe2fiEdG+dZX6E8uUpA==}
     engines: {node: '>=20.0.0'}
     peerDependencies:
       react: '>=18'
       react-dom: '>=18'
 
-  react-router@7.5.1:
-    resolution: {integrity: sha512-/jjU3fcYNd2bwz9Q0xt5TwyiyoO8XjSEFXJY4O/lMAlkGTHWuHRAbR9Etik+lSDqMC7A7mz3UlXzgYT6Vl58sA==}
+  react-router@7.6.1:
+    resolution: {integrity: sha512-hPJXXxHJZEsPFNVbtATH7+MMX43UDeOauz+EAU4cgqTn7ojdI9qQORqS8Z0qmDlL1TclO/6jLRYUEtbWidtdHQ==}
     engines: {node: '>=20.0.0'}
     peerDependencies:
       react: '>=18'
@@ -3668,6 +3728,10 @@ packages:
     resolution: {integrity: sha512-/vxpCXddiX8NGfGO/mTafwjq4aFa/71pvamip0++IQk3zG8cbCj0fifNPrjjF1XMXUne91jL9OoxmdykoEtifQ==}
     engines: {node: '>= 10.13.0'}
 
+  redent@3.0.0:
+    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
+    engines: {node: '>=8'}
+
   regenerator-runtime@0.14.1:
     resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
 
@@ -3784,6 +3848,10 @@ packages:
     resolution: {integrity: sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==}
     engines: {node: '>= 10.13.0'}
 
+  schema-utils@4.3.2:
+    resolution: {integrity: sha512-Gn/JaSk/Mt9gYubxTtSn/QCV4em9mpAPiR1rqy/Ocu19u/G9J5WWdNoUT4SiV6mFC3y6cxyFcFwdzPM3FgxGAQ==}
+    engines: {node: '>= 10.13.0'}
+
   semver-compare@1.0.0:
     resolution: {integrity: sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==}
 
@@ -3791,8 +3859,8 @@ packages:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
 
-  semver@7.7.1:
-    resolution: {integrity: sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==}
+  semver@7.7.2:
+    resolution: {integrity: sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==}
     engines: {node: '>=10'}
     hasBin: true
 
@@ -3934,6 +4002,10 @@ packages:
     resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
     engines: {node: '>=6'}
 
+  strip-indent@3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+
   strip-json-comments@3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
@@ -3941,8 +4013,8 @@ packages:
   style-to-object@0.4.4:
     resolution: {integrity: sha512-HYNoHZa2GorYNyqiCaBgsxvcJIn7OHq6inEga+E6Ke3m5JkoqpQbnFssk4jwe+K7AhGa2fcha4wSOf1Kn01dMg==}
 
-  styled-components@6.1.17:
-    resolution: {integrity: sha512-97D7DwWanI7nN24v0D4SvbfjLE9656umNSJZkBkDIWL37aZqG/wRQ+Y9pWtXyBIM/NSfcBzHLErEsqHmJNSVUg==}
+  styled-components@6.1.18:
+    resolution: {integrity: sha512-Mvf3gJFzZCkhjY2Y/Fx9z1m3dxbza0uI9H1CbNZm/jSHCojzJhQ0R7bByrlFJINnMzz/gPulpoFFGymNwrsMcw==}
     engines: {node: '>= 16'}
     peerDependencies:
       react: '>= 16.8.0'
@@ -3988,11 +4060,11 @@ packages:
   symbol-tree@3.2.4:
     resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
 
-  tailwind-merge@3.2.0:
-    resolution: {integrity: sha512-FQT/OVqCD+7edmmJpsgCsY820RTD5AkBryuG5IUqR5YQZSdj5xlH5nLgH7YPths7WsLPSpSBNneJdM8aS8aeFA==}
+  tailwind-merge@3.3.0:
+    resolution: {integrity: sha512-fyW/pEfcQSiigd5SNn0nApUOxx0zB/dm6UDU/rEwc2c3sX2smWUNbapHv+QRqLGVp9GWX3THIa7MUGPo+YkDzQ==}
 
-  tailwindcss@4.1.4:
-    resolution: {integrity: sha512-1ZIUqtPITFbv/DxRmDr5/agPqJwF69d24m9qmM1939TJehgY539CtzeZRjbLt5G6fSy/7YqqYsfvoTEw9xUI2A==}
+  tailwindcss@4.1.7:
+    resolution: {integrity: sha512-kr1o/ErIdNhTz8uzAYL7TpaUuzKIE6QPQ4qmSdxnoX/lo+5wmUHQA6h3L5yIqEImSRnAAURDirLu/BgiXGPAhg==}
 
   tapable@2.2.1:
     resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
@@ -4006,6 +4078,10 @@ packages:
     resolution: {integrity: sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==}
     engines: {node: '>=10'}
 
+  tar@7.4.3:
+    resolution: {integrity: sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==}
+    engines: {node: '>=18'}
+
   temp-file@3.4.0:
     resolution: {integrity: sha512-C5tjlC/HCtVUOi3KWVokd4vHVViOmGjtLwIh4MuzPo/nMYTV/p1urt3RnMz2IWXDdKEGJH3k5+KPxtqRsUYGtg==}
 
@@ -4085,8 +4161,8 @@ packages:
   truncate-utf8-bytes@1.0.2:
     resolution: {integrity: sha512-95Pu1QXQvruGEhv62XCMO3Mm90GscOCClvrIUwCM0PYOXK3kaF3l3sIHxx71ThJfcbM2O5Au6SO3AWCSEfW4mQ==}
 
-  ts-jest@29.3.2:
-    resolution: {integrity: sha512-bJJkrWc6PjFVz5g2DGCNUo8z7oFEYaz1xP1NpeDU7KNLMWPpEyV8Chbpkn8xjzgRDpQhnGMyvyldoL7h8JXyug==}
+  ts-jest@29.3.4:
+    resolution: {integrity: sha512-Iqbrm8IXOmV+ggWHOTEbjwyCf2xZlUMv5npExksXohL+tk8va4Fjhb+X2+Rt9NBmgO7bJ8WpnMLOwih/DnMlFA==}
     engines: {node: ^14.15.0 || ^16.10.0 || ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
@@ -4133,9 +4209,6 @@ packages:
   tslib@2.6.2:
     resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
 
-  turbo-stream@2.4.0:
-    resolution: {integrity: sha512-FHncC10WpBd2eOmGwpmQsWLDoK4cqsA/UT/GqNoaKOQnT8uzhtCbg3EoUDMvqpOSAI0S26mr0rkjzbOO6S3v1g==}
-
   type-detect@4.0.8:
     resolution: {integrity: sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==}
     engines: {node: '>=4'}
@@ -4148,8 +4221,8 @@ packages:
     resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
     engines: {node: '>=10'}
 
-  type-fest@4.40.0:
-    resolution: {integrity: sha512-ABHZ2/tS2JkvH1PEjxFDTUWC8dB5OsIGZP4IFLhR293GqT5Y5qB1WwL2kMPYhQW9DVgVD8Hd7I8gjwPIf5GFkw==}
+  type-fest@4.41.0:
+    resolution: {integrity: sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==}
     engines: {node: '>=16'}
 
   typescript@5.8.3:
@@ -4287,8 +4360,8 @@ packages:
     resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
     engines: {node: '>=10.13.0'}
 
-  webpack@5.99.6:
-    resolution: {integrity: sha512-TJOLrJ6oeccsGWPl7ujCYuc0pIq2cNsuD6GZDma8i5o5Npvcco/z+NKvZSFsP0/x6SShVb0+X2JK/JHUjKY9dQ==}
+  webpack@5.99.9:
+    resolution: {integrity: sha512-brOPwM3JnmOa+7kd3NsmOUOwbDAj8FT9xDsG3IW0MgbN9yZV7Oi/s/+MNQ/EcSMqw7qfoRyXPoeEWT8zLVdVGg==}
     engines: {node: '>=10.13.0'}
     hasBin: true
     peerDependencies:
@@ -4368,6 +4441,10 @@ packages:
   yallist@4.0.0:
     resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
 
+  yallist@5.0.0:
+    resolution: {integrity: sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==}
+    engines: {node: '>=18'}
+
   yargs-parser@21.1.1:
     resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
     engines: {node: '>=12'}
@@ -4395,6 +4472,8 @@ snapshots:
 
   7zip-bin@5.2.0: {}
 
+  '@adobe/css-tools@4.4.2': {}
+
   '@alloc/quick-lru@5.2.0': {}
 
   '@ampproject/remapping@2.3.0':
@@ -4737,16 +4816,16 @@ snapshots:
       node-gyp: 9.4.1
       ora: 5.4.1
       read-binary-file-arch: 1.0.6
-      semver: 7.7.1
+      semver: 7.7.2
       tar: 6.2.1
       yargs: 17.7.2
     transitivePeerDependencies:
       - bluebird
       - supports-color
 
-  '@electron/remote@2.1.2(electron@35.2.1)':
+  '@electron/remote@2.1.2(electron@36.3.1)':
     dependencies:
-      electron: 35.2.1
+      electron: 36.3.1
 
   '@electron/universal@1.5.1':
     dependencies:
@@ -4801,6 +4880,10 @@ snapshots:
       wrap-ansi: 8.1.0
       wrap-ansi-cjs: wrap-ansi@7.0.0
 
+  '@isaacs/fs-minipass@4.0.1':
+    dependencies:
+      minipass: 7.1.2
+
   '@istanbuljs/load-nyc-config@1.1.0':
     dependencies:
       camelcase: 5.3.1
@@ -4814,27 +4897,27 @@ snapshots:
   '@jest/console@29.7.0':
     dependencies:
       '@jest/types': 29.6.3
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
       chalk: 4.1.2
       jest-message-util: 29.7.0
       jest-util: 29.7.0
       slash: 3.0.0
 
-  '@jest/core@29.7.0(ts-node@10.9.2(@types/node@22.14.1)(typescript@5.8.3))':
+  '@jest/core@29.7.0(ts-node@10.9.2(@types/node@22.15.21)(typescript@5.8.3))':
     dependencies:
       '@jest/console': 29.7.0
       '@jest/reporters': 29.7.0
       '@jest/test-result': 29.7.0
       '@jest/transform': 29.7.0
       '@jest/types': 29.6.3
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
       ansi-escapes: 4.3.2
       chalk: 4.1.2
       ci-info: 3.9.0
       exit: 0.1.2
       graceful-fs: 4.2.11
       jest-changed-files: 29.7.0
-      jest-config: 29.7.0(@types/node@22.14.1)(ts-node@10.9.2(@types/node@22.14.1)(typescript@5.8.3))
+      jest-config: 29.7.0(@types/node@22.15.21)(ts-node@10.9.2(@types/node@22.15.21)(typescript@5.8.3))
       jest-haste-map: 29.7.0
       jest-message-util: 29.7.0
       jest-regex-util: 29.6.3
@@ -4859,7 +4942,7 @@ snapshots:
     dependencies:
       '@jest/fake-timers': 29.7.0
       '@jest/types': 29.6.3
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
       jest-mock: 29.7.0
 
   '@jest/expect-utils@29.7.0':
@@ -4877,7 +4960,7 @@ snapshots:
     dependencies:
       '@jest/types': 29.6.3
       '@sinonjs/fake-timers': 10.3.0
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
       jest-message-util: 29.7.0
       jest-mock: 29.7.0
       jest-util: 29.7.0
@@ -4899,7 +4982,7 @@ snapshots:
       '@jest/transform': 29.7.0
       '@jest/types': 29.6.3
       '@jridgewell/trace-mapping': 0.3.25
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
       chalk: 4.1.2
       collect-v8-coverage: 1.0.2
       exit: 0.1.2
@@ -4969,7 +5052,7 @@ snapshots:
       '@jest/schemas': 29.6.3
       '@types/istanbul-lib-coverage': 2.0.6
       '@types/istanbul-reports': 3.0.4
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
       '@types/yargs': 17.0.32
       chalk: 4.1.2
 
@@ -4990,6 +5073,8 @@ snapshots:
 
   '@jridgewell/sourcemap-codec@1.4.15': {}
 
+  '@jridgewell/sourcemap-codec@1.5.0': {}
+
   '@jridgewell/trace-mapping@0.3.25':
     dependencies:
       '@jridgewell/resolve-uri': 3.1.2
@@ -5024,7 +5109,7 @@ snapshots:
   '@npmcli/fs@2.1.2':
     dependencies:
       '@gar/promisify': 1.1.3
-      semver: 7.7.1
+      semver: 7.7.2
 
   '@npmcli/move-file@2.0.1':
     dependencies:
@@ -5042,15 +5127,15 @@ snapshots:
     dependencies:
       '@lit-labs/ssr-dom-shim': 1.2.1
 
-  '@primer/octicons-react@19.15.1(react@19.1.0)':
+  '@primer/octicons-react@19.15.2(react@19.1.0)':
     dependencies:
       react: 19.1.0
 
-  '@primer/primitives@10.5.0': {}
+  '@primer/primitives@10.7.0': {}
 
   '@primer/primitives@7.17.1': {}
 
-  '@primer/react@36.27.0(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(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))':
+  '@primer/react@36.27.0(@types/react-dom@19.1.5(@types/react@19.1.5))(@types/react@19.1.5)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(styled-components@6.1.18(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
@@ -5061,7 +5146,7 @@ snapshots:
       '@oddbird/popover-polyfill': 0.3.8
       '@primer/behaviors': 1.8.0
       '@primer/live-region-element': 0.7.1
-      '@primer/octicons-react': 19.15.1(react@19.1.0)
+      '@primer/octicons-react': 19.15.2(react@19.1.0)
       '@primer/primitives': 7.17.1
       '@styled-system/css': 5.1.5
       '@styled-system/props': 5.1.5
@@ -5082,12 +5167,12 @@ snapshots:
       react-dom: 19.1.0(react@19.1.0)
       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.2)(react@19.1.0)
-      styled-components: 6.1.17(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      react-markdown: 8.0.7(@types/react@19.1.5)(react@19.1.0)
+      styled-components: 6.1.18(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       styled-system: 5.1.5
     optionalDependencies:
-      '@types/react': 19.1.2
-      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+      '@types/react': 19.1.5
+      '@types/react-dom': 19.1.5(@types/react@19.1.5)
     transitivePeerDependencies:
       - supports-color
 
@@ -5166,71 +5251,77 @@ snapshots:
     dependencies:
       defer-to-connect: 2.0.1
 
-  '@tailwindcss/node@4.1.4':
+  '@tailwindcss/node@4.1.7':
     dependencies:
+      '@ampproject/remapping': 2.3.0
       enhanced-resolve: 5.18.1
       jiti: 2.4.2
-      lightningcss: 1.29.2
-      tailwindcss: 4.1.4
+      lightningcss: 1.30.1
+      magic-string: 0.30.17
+      source-map-js: 1.2.1
+      tailwindcss: 4.1.7
 
-  '@tailwindcss/oxide-android-arm64@4.1.4':
+  '@tailwindcss/oxide-android-arm64@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide-darwin-arm64@4.1.4':
+  '@tailwindcss/oxide-darwin-arm64@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide-darwin-x64@4.1.4':
+  '@tailwindcss/oxide-darwin-x64@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide-freebsd-x64@4.1.4':
+  '@tailwindcss/oxide-freebsd-x64@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.4':
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.1.4':
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.1.4':
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.1.4':
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-musl@4.1.4':
+  '@tailwindcss/oxide-linux-x64-musl@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide-wasm32-wasi@4.1.4':
+  '@tailwindcss/oxide-wasm32-wasi@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.1.4':
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.1.4':
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.7':
     optional: true
 
-  '@tailwindcss/oxide@4.1.4':
+  '@tailwindcss/oxide@4.1.7':
+    dependencies:
+      detect-libc: 2.0.4
+      tar: 7.4.3
     optionalDependencies:
-      '@tailwindcss/oxide-android-arm64': 4.1.4
-      '@tailwindcss/oxide-darwin-arm64': 4.1.4
-      '@tailwindcss/oxide-darwin-x64': 4.1.4
-      '@tailwindcss/oxide-freebsd-x64': 4.1.4
-      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.4
-      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.4
-      '@tailwindcss/oxide-linux-arm64-musl': 4.1.4
-      '@tailwindcss/oxide-linux-x64-gnu': 4.1.4
-      '@tailwindcss/oxide-linux-x64-musl': 4.1.4
-      '@tailwindcss/oxide-wasm32-wasi': 4.1.4
-      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.4
-      '@tailwindcss/oxide-win32-x64-msvc': 4.1.4
-
-  '@tailwindcss/postcss@4.1.4':
+      '@tailwindcss/oxide-android-arm64': 4.1.7
+      '@tailwindcss/oxide-darwin-arm64': 4.1.7
+      '@tailwindcss/oxide-darwin-x64': 4.1.7
+      '@tailwindcss/oxide-freebsd-x64': 4.1.7
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.7
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.7
+      '@tailwindcss/oxide-linux-arm64-musl': 4.1.7
+      '@tailwindcss/oxide-linux-x64-gnu': 4.1.7
+      '@tailwindcss/oxide-linux-x64-musl': 4.1.7
+      '@tailwindcss/oxide-wasm32-wasi': 4.1.7
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.7
+      '@tailwindcss/oxide-win32-x64-msvc': 4.1.7
+
+  '@tailwindcss/postcss@4.1.7':
     dependencies:
       '@alloc/quick-lru': 5.2.0
-      '@tailwindcss/node': 4.1.4
-      '@tailwindcss/oxide': 4.1.4
+      '@tailwindcss/node': 4.1.7
+      '@tailwindcss/oxide': 4.1.7
       postcss: 8.5.3
-      tailwindcss: 4.1.4
+      tailwindcss: 4.1.7
 
   '@testing-library/dom@10.0.0':
     dependencies:
@@ -5243,15 +5334,29 @@ snapshots:
       lz-string: 1.5.0
       pretty-format: 27.5.1
 
-  '@testing-library/react@16.3.0(@testing-library/dom@10.0.0)(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+  '@testing-library/jest-dom@6.6.3':
+    dependencies:
+      '@adobe/css-tools': 4.4.2
+      aria-query: 5.3.0
+      chalk: 3.0.0
+      css.escape: 1.5.1
+      dom-accessibility-api: 0.6.3
+      lodash: 4.17.21
+      redent: 3.0.0
+
+  '@testing-library/react@16.3.0(@testing-library/dom@10.0.0)(@types/react-dom@19.1.5(@types/react@19.1.5))(@types/react@19.1.5)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
       '@babel/runtime': 7.24.1
       '@testing-library/dom': 10.0.0
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.1.2
-      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+      '@types/react': 19.1.5
+      '@types/react-dom': 19.1.5(@types/react@19.1.5)
+
+  '@testing-library/user-event@14.6.1(@testing-library/dom@10.0.0)':
+    dependencies:
+      '@testing-library/dom': 10.0.0
 
   '@tootallnate/once@2.0.0': {}
 
@@ -5294,7 +5399,7 @@ snapshots:
     dependencies:
       '@types/http-cache-semantics': 4.0.4
       '@types/keyv': 3.1.4
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
       '@types/responselike': 1.0.3
 
   '@types/debug@4.1.12':
@@ -5315,11 +5420,11 @@ snapshots:
 
   '@types/fs-extra@9.0.13':
     dependencies:
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
 
   '@types/graceful-fs@4.1.9':
     dependencies:
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
 
   '@types/hast@2.3.10':
     dependencies:
@@ -5348,7 +5453,7 @@ snapshots:
 
   '@types/jsdom@20.0.1':
     dependencies:
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
       '@types/tough-cookie': 4.0.5
       parse5: 7.1.2
 
@@ -5356,7 +5461,7 @@ snapshots:
 
   '@types/keyv@3.1.4':
     dependencies:
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
 
   '@types/mdast@3.0.15':
     dependencies:
@@ -5364,44 +5469,44 @@ snapshots:
 
   '@types/ms@0.7.34': {}
 
-  '@types/node@22.14.1':
+  '@types/node@22.15.21':
     dependencies:
       undici-types: 6.21.0
 
   '@types/plist@3.0.5':
     dependencies:
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
       xmlbuilder: 15.1.1
     optional: true
 
   '@types/prop-types@15.7.14': {}
 
-  '@types/react-dom@19.1.2(@types/react@19.1.2)':
+  '@types/react-dom@19.1.5(@types/react@19.1.5)':
     dependencies:
-      '@types/react': 19.1.2
+      '@types/react': 19.1.5
 
   '@types/react-is@18.3.0':
     dependencies:
-      '@types/react': 19.1.2
+      '@types/react': 19.1.5
 
   '@types/react-router-dom@5.3.3':
     dependencies:
       '@types/history': 4.7.11
-      '@types/react': 19.1.2
+      '@types/react': 19.1.5
       '@types/react-router': 5.1.20
 
   '@types/react-router@5.1.20':
     dependencies:
       '@types/history': 4.7.11
-      '@types/react': 19.1.2
+      '@types/react': 19.1.5
 
-  '@types/react@19.1.2':
+  '@types/react@19.1.5':
     dependencies:
       csstype: 3.1.3
 
   '@types/responselike@1.0.3':
     dependencies:
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
 
   '@types/semver@7.7.0': {}
 
@@ -5434,7 +5539,7 @@ snapshots:
 
   '@types/yauzl@2.10.3':
     dependencies:
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
     optional: true
 
   '@webassemblyjs/ast@1.14.1':
@@ -5513,20 +5618,20 @@ snapshots:
       '@webassemblyjs/ast': 1.14.1
       '@xtuc/long': 4.2.2
 
-  '@webpack-cli/configtest@3.0.1(webpack-cli@6.0.1)(webpack@5.99.6)':
+  '@webpack-cli/configtest@3.0.1(webpack-cli@6.0.1)(webpack@5.99.9)':
     dependencies:
-      webpack: 5.99.6(webpack-cli@6.0.1)
-      webpack-cli: 6.0.1(webpack@5.99.6)
+      webpack: 5.99.9(webpack-cli@6.0.1)
+      webpack-cli: 6.0.1(webpack@5.99.9)
 
-  '@webpack-cli/info@3.0.1(webpack-cli@6.0.1)(webpack@5.99.6)':
+  '@webpack-cli/info@3.0.1(webpack-cli@6.0.1)(webpack@5.99.9)':
     dependencies:
-      webpack: 5.99.6(webpack-cli@6.0.1)
-      webpack-cli: 6.0.1(webpack@5.99.6)
+      webpack: 5.99.9(webpack-cli@6.0.1)
+      webpack-cli: 6.0.1(webpack@5.99.9)
 
-  '@webpack-cli/serve@3.0.1(webpack-cli@6.0.1)(webpack@5.99.6)':
+  '@webpack-cli/serve@3.0.1(webpack-cli@6.0.1)(webpack@5.99.9)':
     dependencies:
-      webpack: 5.99.6(webpack-cli@6.0.1)
-      webpack-cli: 6.0.1(webpack@5.99.6)
+      webpack: 5.99.9(webpack-cli@6.0.1)
+      webpack-cli: 6.0.1(webpack@5.99.9)
 
   '@xmldom/xmldom@0.8.10': {}
 
@@ -5654,7 +5759,7 @@ snapshots:
       minimatch: 5.1.6
       read-config-file: 6.3.2
       sanitize-filename: 1.6.3
-      semver: 7.7.1
+      semver: 7.7.2
       tar: 6.2.1
       temp-file: 3.4.0
     transitivePeerDependencies:
@@ -5693,7 +5798,7 @@ snapshots:
       minimatch: 10.0.1
       resedit: 1.7.1
       sanitize-filename: 1.6.3
-      semver: 7.7.1
+      semver: 7.7.2
       tar: 6.2.1
       temp-file: 3.4.0
     transitivePeerDependencies:
@@ -5769,7 +5874,7 @@ snapshots:
 
   at-least-node@1.0.0: {}
 
-  axios@1.8.4:
+  axios@1.9.0:
     dependencies:
       follow-redirects: 1.15.6
       form-data: 4.0.0
@@ -6017,6 +6122,11 @@ snapshots:
       escape-string-regexp: 1.0.5
       supports-color: 5.5.0
 
+  chalk@3.0.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+
   chalk@4.1.2:
     dependencies:
       ansi-styles: 4.3.0
@@ -6028,6 +6138,8 @@ snapshots:
 
   chownr@2.0.0: {}
 
+  chownr@3.0.0: {}
+
   chrome-trace-event@1.0.3: {}
 
   chromium-pickle-js@0.2.0: {}
@@ -6153,14 +6265,14 @@ snapshots:
 
   cookie@1.0.2: {}
 
-  copy-webpack-plugin@13.0.0(webpack@5.99.6):
+  copy-webpack-plugin@13.0.0(webpack@5.99.9):
     dependencies:
       glob-parent: 6.0.2
       normalize-path: 3.0.0
       schema-utils: 4.3.0
       serialize-javascript: 6.0.2
       tinyglobby: 0.2.12
-      webpack: 5.99.6(webpack-cli@6.0.1)
+      webpack: 5.99.9(webpack-cli@6.0.1)
 
   core-util-is@1.0.2:
     optional: true
@@ -6188,13 +6300,13 @@ snapshots:
       buffer: 5.7.1
     optional: true
 
-  create-jest@29.7.0(@types/node@22.14.1)(ts-node@10.9.2(@types/node@22.14.1)(typescript@5.8.3)):
+  create-jest@29.7.0(@types/node@22.15.21)(ts-node@10.9.2(@types/node@22.15.21)(typescript@5.8.3)):
     dependencies:
       '@jest/types': 29.6.3
       chalk: 4.1.2
       exit: 0.1.2
       graceful-fs: 4.2.11
-      jest-config: 29.7.0(@types/node@22.14.1)(ts-node@10.9.2(@types/node@22.14.1)(typescript@5.8.3))
+      jest-config: 29.7.0(@types/node@22.15.21)(ts-node@10.9.2(@types/node@22.15.21)(typescript@5.8.3))
       jest-util: 29.7.0
       prompts: 2.4.2
     transitivePeerDependencies:
@@ -6217,7 +6329,7 @@ snapshots:
     dependencies:
       postcss: 8.5.3
 
-  css-loader@7.1.2(webpack@5.99.6):
+  css-loader@7.1.2(webpack@5.99.9):
     dependencies:
       icss-utils: 5.1.0(postcss@8.5.3)
       postcss: 8.5.3
@@ -6226,11 +6338,11 @@ snapshots:
       postcss-modules-scope: 3.2.0(postcss@8.5.3)
       postcss-modules-values: 4.0.0(postcss@8.5.3)
       postcss-value-parser: 4.2.0
-      semver: 7.7.1
+      semver: 7.7.2
     optionalDependencies:
-      webpack: 5.99.6(webpack-cli@6.0.1)
+      webpack: 5.99.9(webpack-cli@6.0.1)
 
-  css-minimizer-webpack-plugin@7.0.2(webpack@5.99.6):
+  css-minimizer-webpack-plugin@7.0.2(webpack@5.99.9):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       cssnano: 7.0.6(postcss@8.5.3)
@@ -6238,7 +6350,7 @@ snapshots:
       postcss: 8.5.3
       schema-utils: 4.3.0
       serialize-javascript: 6.0.2
-      webpack: 5.99.6(webpack-cli@6.0.1)
+      webpack: 5.99.9(webpack-cli@6.0.1)
 
   css-select@4.3.0:
     dependencies:
@@ -6274,6 +6386,8 @@ snapshots:
 
   css-what@6.1.0: {}
 
+  css.escape@1.5.1: {}
+
   cssesc@3.0.0: {}
 
   cssnano-preset-default@7.0.6(postcss@8.5.3):
@@ -6392,6 +6506,8 @@ snapshots:
 
   detect-libc@2.0.3: {}
 
+  detect-libc@2.0.4: {}
+
   detect-newline@3.1.0: {}
 
   detect-node@2.1.0:
@@ -6442,6 +6558,8 @@ snapshots:
 
   dom-accessibility-api@0.5.16: {}
 
+  dom-accessibility-api@0.6.3: {}
+
   dom-converter@0.2.0:
     dependencies:
       utila: 0.4.0
@@ -6532,7 +6650,7 @@ snapshots:
       - electron-builder-squirrel-windows
       - supports-color
 
-  electron-log@5.3.4: {}
+  electron-log@5.4.0: {}
 
   electron-positioner@4.1.0: {}
 
@@ -6570,15 +6688,15 @@ snapshots:
       lazy-val: 1.0.5
       lodash.escaperegexp: 4.1.2
       lodash.isequal: 4.5.0
-      semver: 7.7.1
+      semver: 7.7.2
       tiny-typed-emitter: 2.1.0
     transitivePeerDependencies:
       - supports-color
 
-  electron@35.2.1:
+  electron@36.3.1:
     dependencies:
       '@electron/get': 2.0.3
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
       extract-zip: 2.0.1
     transitivePeerDependencies:
       - supports-color
@@ -6887,7 +7005,7 @@ snapshots:
       es6-error: 4.1.1
       matcher: 3.0.0
       roarr: 2.15.4
-      semver: 7.7.1
+      semver: 7.7.2
       serialize-error: 7.0.1
     optional: true
 
@@ -6975,7 +7093,7 @@ snapshots:
       relateurl: 0.2.7
       terser: 5.30.0
 
-  html-webpack-plugin@5.6.3(webpack@5.99.6):
+  html-webpack-plugin@5.6.3(webpack@5.99.9):
     dependencies:
       '@types/html-minifier-terser': 6.1.0
       html-minifier-terser: 6.1.0
@@ -6983,7 +7101,7 @@ snapshots:
       pretty-error: 4.0.0
       tapable: 2.2.1
     optionalDependencies:
-      webpack: 5.99.6(webpack-cli@6.0.1)
+      webpack: 5.99.9(webpack-cli@6.0.1)
 
   htmlparser2@6.1.0:
     dependencies:
@@ -7154,7 +7272,7 @@ snapshots:
       '@babel/parser': 7.24.1
       '@istanbuljs/schema': 0.1.3
       istanbul-lib-coverage: 3.2.2
-      semver: 7.7.1
+      semver: 7.7.2
     transitivePeerDependencies:
       - supports-color
 
@@ -7208,7 +7326,7 @@ snapshots:
       '@jest/expect': 29.7.0
       '@jest/test-result': 29.7.0
       '@jest/types': 29.6.3
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
       chalk: 4.1.2
       co: 4.6.0
       dedent: 1.5.1
@@ -7228,16 +7346,16 @@ snapshots:
       - babel-plugin-macros
       - supports-color
 
-  jest-cli@29.7.0(@types/node@22.14.1)(ts-node@10.9.2(@types/node@22.14.1)(typescript@5.8.3)):
+  jest-cli@29.7.0(@types/node@22.15.21)(ts-node@10.9.2(@types/node@22.15.21)(typescript@5.8.3)):
     dependencies:
-      '@jest/core': 29.7.0(ts-node@10.9.2(@types/node@22.14.1)(typescript@5.8.3))
+      '@jest/core': 29.7.0(ts-node@10.9.2(@types/node@22.15.21)(typescript@5.8.3))
       '@jest/test-result': 29.7.0
       '@jest/types': 29.6.3
       chalk: 4.1.2
-      create-jest: 29.7.0(@types/node@22.14.1)(ts-node@10.9.2(@types/node@22.14.1)(typescript@5.8.3))
+      create-jest: 29.7.0(@types/node@22.15.21)(ts-node@10.9.2(@types/node@22.15.21)(typescript@5.8.3))
       exit: 0.1.2
       import-local: 3.1.0
-      jest-config: 29.7.0(@types/node@22.14.1)(ts-node@10.9.2(@types/node@22.14.1)(typescript@5.8.3))
+      jest-config: 29.7.0(@types/node@22.15.21)(ts-node@10.9.2(@types/node@22.15.21)(typescript@5.8.3))
       jest-util: 29.7.0
       jest-validate: 29.7.0
       yargs: 17.7.2
@@ -7247,7 +7365,7 @@ snapshots:
       - supports-color
       - ts-node
 
-  jest-config@29.7.0(@types/node@22.14.1)(ts-node@10.9.2(@types/node@22.14.1)(typescript@5.8.3)):
+  jest-config@29.7.0(@types/node@22.15.21)(ts-node@10.9.2(@types/node@22.15.21)(typescript@5.8.3)):
     dependencies:
       '@babel/core': 7.24.3
       '@jest/test-sequencer': 29.7.0
@@ -7272,8 +7390,8 @@ snapshots:
       slash: 3.0.0
       strip-json-comments: 3.1.1
     optionalDependencies:
-      '@types/node': 22.14.1
-      ts-node: 10.9.2(@types/node@22.14.1)(typescript@5.8.3)
+      '@types/node': 22.15.21
+      ts-node: 10.9.2(@types/node@22.15.21)(typescript@5.8.3)
     transitivePeerDependencies:
       - babel-plugin-macros
       - supports-color
@@ -7303,7 +7421,7 @@ snapshots:
       '@jest/fake-timers': 29.7.0
       '@jest/types': 29.6.3
       '@types/jsdom': 20.0.1
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
       jest-mock: 29.7.0
       jest-util: 29.7.0
       jsdom: 20.0.3
@@ -7317,7 +7435,7 @@ snapshots:
       '@jest/environment': 29.7.0
       '@jest/fake-timers': 29.7.0
       '@jest/types': 29.6.3
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
       jest-mock: 29.7.0
       jest-util: 29.7.0
 
@@ -7327,7 +7445,7 @@ snapshots:
     dependencies:
       '@jest/types': 29.6.3
       '@types/graceful-fs': 4.1.9
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
       anymatch: 3.1.3
       fb-watchman: 2.0.2
       graceful-fs: 4.2.11
@@ -7366,7 +7484,7 @@ snapshots:
   jest-mock@29.7.0:
     dependencies:
       '@jest/types': 29.6.3
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
       jest-util: 29.7.0
 
   jest-pnp-resolver@1.2.3(jest-resolve@29.7.0):
@@ -7401,7 +7519,7 @@ snapshots:
       '@jest/test-result': 29.7.0
       '@jest/transform': 29.7.0
       '@jest/types': 29.6.3
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
       chalk: 4.1.2
       emittery: 0.13.1
       graceful-fs: 4.2.11
@@ -7429,7 +7547,7 @@ snapshots:
       '@jest/test-result': 29.7.0
       '@jest/transform': 29.7.0
       '@jest/types': 29.6.3
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
       chalk: 4.1.2
       cjs-module-lexer: 1.2.3
       collect-v8-coverage: 1.0.2
@@ -7468,14 +7586,14 @@ snapshots:
       jest-util: 29.7.0
       natural-compare: 1.4.0
       pretty-format: 29.7.0
-      semver: 7.7.1
+      semver: 7.7.2
     transitivePeerDependencies:
       - supports-color
 
   jest-util@29.7.0:
     dependencies:
       '@jest/types': 29.6.3
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
       chalk: 4.1.2
       ci-info: 3.9.0
       graceful-fs: 4.2.11
@@ -7494,7 +7612,7 @@ snapshots:
     dependencies:
       '@jest/test-result': 29.7.0
       '@jest/types': 29.6.3
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
       ansi-escapes: 4.3.2
       chalk: 4.1.2
       emittery: 0.13.1
@@ -7503,23 +7621,23 @@ snapshots:
 
   jest-worker@27.5.1:
     dependencies:
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
       merge-stream: 2.0.0
       supports-color: 8.1.1
 
   jest-worker@29.7.0:
     dependencies:
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
       jest-util: 29.7.0
       merge-stream: 2.0.0
       supports-color: 8.1.1
 
-  jest@29.7.0(@types/node@22.14.1)(ts-node@10.9.2(@types/node@22.14.1)(typescript@5.8.3)):
+  jest@29.7.0(@types/node@22.15.21)(ts-node@10.9.2(@types/node@22.15.21)(typescript@5.8.3)):
     dependencies:
-      '@jest/core': 29.7.0(ts-node@10.9.2(@types/node@22.14.1)(typescript@5.8.3))
+      '@jest/core': 29.7.0(ts-node@10.9.2(@types/node@22.15.21)(typescript@5.8.3))
       '@jest/types': 29.6.3
       import-local: 3.1.0
-      jest-cli: 29.7.0(@types/node@22.14.1)(ts-node@10.9.2(@types/node@22.14.1)(typescript@5.8.3))
+      jest-cli: 29.7.0(@types/node@22.15.21)(ts-node@10.9.2(@types/node@22.15.21)(typescript@5.8.3))
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
@@ -7624,50 +7742,50 @@ snapshots:
 
   leven@3.1.0: {}
 
-  lightningcss-darwin-arm64@1.29.2:
+  lightningcss-darwin-arm64@1.30.1:
     optional: true
 
-  lightningcss-darwin-x64@1.29.2:
+  lightningcss-darwin-x64@1.30.1:
     optional: true
 
-  lightningcss-freebsd-x64@1.29.2:
+  lightningcss-freebsd-x64@1.30.1:
     optional: true
 
-  lightningcss-linux-arm-gnueabihf@1.29.2:
+  lightningcss-linux-arm-gnueabihf@1.30.1:
     optional: true
 
-  lightningcss-linux-arm64-gnu@1.29.2:
+  lightningcss-linux-arm64-gnu@1.30.1:
     optional: true
 
-  lightningcss-linux-arm64-musl@1.29.2:
+  lightningcss-linux-arm64-musl@1.30.1:
     optional: true
 
-  lightningcss-linux-x64-gnu@1.29.2:
+  lightningcss-linux-x64-gnu@1.30.1:
     optional: true
 
-  lightningcss-linux-x64-musl@1.29.2:
+  lightningcss-linux-x64-musl@1.30.1:
     optional: true
 
-  lightningcss-win32-arm64-msvc@1.29.2:
+  lightningcss-win32-arm64-msvc@1.30.1:
     optional: true
 
-  lightningcss-win32-x64-msvc@1.29.2:
+  lightningcss-win32-x64-msvc@1.30.1:
     optional: true
 
-  lightningcss@1.29.2:
+  lightningcss@1.30.1:
     dependencies:
-      detect-libc: 2.0.3
+      detect-libc: 2.0.4
     optionalDependencies:
-      lightningcss-darwin-arm64: 1.29.2
-      lightningcss-darwin-x64: 1.29.2
-      lightningcss-freebsd-x64: 1.29.2
-      lightningcss-linux-arm-gnueabihf: 1.29.2
-      lightningcss-linux-arm64-gnu: 1.29.2
-      lightningcss-linux-arm64-musl: 1.29.2
-      lightningcss-linux-x64-gnu: 1.29.2
-      lightningcss-linux-x64-musl: 1.29.2
-      lightningcss-win32-arm64-msvc: 1.29.2
-      lightningcss-win32-x64-msvc: 1.29.2
+      lightningcss-darwin-arm64: 1.30.1
+      lightningcss-darwin-x64: 1.30.1
+      lightningcss-freebsd-x64: 1.30.1
+      lightningcss-linux-arm-gnueabihf: 1.30.1
+      lightningcss-linux-arm64-gnu: 1.30.1
+      lightningcss-linux-arm64-musl: 1.30.1
+      lightningcss-linux-x64-gnu: 1.30.1
+      lightningcss-linux-x64-musl: 1.30.1
+      lightningcss-win32-arm64-msvc: 1.30.1
+      lightningcss-win32-x64-msvc: 1.30.1
 
   lilconfig@3.1.2: {}
 
@@ -7734,9 +7852,13 @@ snapshots:
 
   lz-string@1.5.0: {}
 
+  magic-string@0.30.17:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.0
+
   make-dir@4.0.0:
     dependencies:
-      semver: 7.7.1
+      semver: 7.7.2
 
   make-error@1.3.6: {}
 
@@ -7813,9 +7935,9 @@ snapshots:
 
   mdn-data@2.0.30: {}
 
-  menubar@9.5.1(electron@35.2.1):
+  menubar@9.5.1(electron@36.3.1):
     dependencies:
-      electron: 35.2.1
+      electron: 36.3.1
       electron-positioner: 4.1.0
 
   merge-stream@2.0.0: {}
@@ -7972,11 +8094,13 @@ snapshots:
 
   mimic-response@3.1.0: {}
 
-  mini-css-extract-plugin@2.9.2(webpack@5.99.6):
+  min-indent@1.0.1: {}
+
+  mini-css-extract-plugin@2.9.2(webpack@5.99.9):
     dependencies:
       schema-utils: 4.2.0
       tapable: 2.2.1
-      webpack: 5.99.6(webpack-cli@6.0.1)
+      webpack: 5.99.9(webpack-cli@6.0.1)
 
   minimatch@10.0.1:
     dependencies:
@@ -8033,8 +8157,14 @@ snapshots:
       minipass: 3.3.6
       yallist: 4.0.0
 
+  minizlib@3.0.2:
+    dependencies:
+      minipass: 7.1.2
+
   mkdirp@1.0.4: {}
 
+  mkdirp@3.0.1: {}
+
   mri@1.2.0: {}
 
   ms@2.1.2: {}
@@ -8064,14 +8194,14 @@ snapshots:
 
   node-abi@3.67.0:
     dependencies:
-      semver: 7.7.1
+      semver: 7.7.2
 
   node-addon-api@1.7.2:
     optional: true
 
   node-api-version@0.2.0:
     dependencies:
-      semver: 7.7.1
+      semver: 7.7.2
 
   node-gyp@9.4.1:
     dependencies:
@@ -8083,7 +8213,7 @@ snapshots:
       nopt: 6.0.0
       npmlog: 6.0.2
       rimraf: 3.0.2
-      semver: 7.7.1
+      semver: 7.7.2
       tar: 6.2.1
       which: 2.0.2
     transitivePeerDependencies:
@@ -8268,14 +8398,14 @@ snapshots:
     dependencies:
       postcss: 8.5.3
 
-  postcss-loader@8.1.1(postcss@8.5.3)(typescript@5.8.3)(webpack@5.99.6):
+  postcss-loader@8.1.1(postcss@8.5.3)(typescript@5.8.3)(webpack@5.99.9):
     dependencies:
       cosmiconfig: 9.0.0(typescript@5.8.3)
       jiti: 1.21.0
       postcss: 8.5.3
-      semver: 7.7.1
+      semver: 7.7.2
     optionalDependencies:
-      webpack: 5.99.6(webpack-cli@6.0.1)
+      webpack: 5.99.9(webpack-cli@6.0.1)
     transitivePeerDependencies:
       - typescript
 
@@ -8517,11 +8647,11 @@ snapshots:
 
   react-is@18.2.0: {}
 
-  react-markdown@8.0.7(@types/react@19.1.2)(react@19.1.0):
+  react-markdown@8.0.7(@types/react@19.1.5)(react@19.1.0):
     dependencies:
       '@types/hast': 2.3.10
       '@types/prop-types': 15.7.14
-      '@types/react': 19.1.2
+      '@types/react': 19.1.5
       '@types/unist': 2.0.11
       comma-separated-tokens: 2.0.3
       hast-util-whitespace: 2.0.1
@@ -8539,18 +8669,17 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  react-router-dom@7.5.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
+  react-router-dom@7.6.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
     dependencies:
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
-      react-router: 7.5.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      react-router: 7.6.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
 
-  react-router@7.5.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
+  react-router@7.6.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
     dependencies:
       cookie: 1.0.2
       react: 19.1.0
       set-cookie-parser: 2.7.1
-      turbo-stream: 2.4.0
     optionalDependencies:
       react-dom: 19.1.0(react@19.1.0)
 
@@ -8595,6 +8724,11 @@ snapshots:
     dependencies:
       resolve: 1.22.8
 
+  redent@3.0.0:
+    dependencies:
+      indent-string: 4.0.0
+      strip-indent: 3.0.0
+
   regenerator-runtime@0.14.1: {}
 
   relateurl@0.2.7: {}
@@ -8720,12 +8854,19 @@ snapshots:
       ajv-formats: 2.1.1(ajv@8.17.1)
       ajv-keywords: 5.1.0(ajv@8.17.1)
 
+  schema-utils@4.3.2:
+    dependencies:
+      '@types/json-schema': 7.0.15
+      ajv: 8.17.1
+      ajv-formats: 2.1.1(ajv@8.17.1)
+      ajv-keywords: 5.1.0(ajv@8.17.1)
+
   semver-compare@1.0.0:
     optional: true
 
   semver@6.3.1: {}
 
-  semver@7.7.1: {}
+  semver@7.7.2: {}
 
   serialize-error@7.0.1:
     dependencies:
@@ -8760,7 +8901,7 @@ snapshots:
 
   simple-update-notifier@2.0.0:
     dependencies:
-      semver: 7.7.1
+      semver: 7.7.2
 
   sisteransi@1.0.5: {}
 
@@ -8857,13 +8998,17 @@ snapshots:
 
   strip-final-newline@2.0.0: {}
 
+  strip-indent@3.0.0:
+    dependencies:
+      min-indent: 1.0.1
+
   strip-json-comments@3.1.1: {}
 
   style-to-object@0.4.4:
     dependencies:
       inline-style-parser: 0.1.1
 
-  styled-components@6.1.17(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
+  styled-components@6.1.18(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
@@ -8933,9 +9078,9 @@ snapshots:
 
   symbol-tree@3.2.4: {}
 
-  tailwind-merge@3.2.0: {}
+  tailwind-merge@3.3.0: {}
 
-  tailwindcss@4.1.4: {}
+  tailwindcss@4.1.7: {}
 
   tapable@2.2.1: {}
 
@@ -8956,19 +9101,28 @@ snapshots:
       mkdirp: 1.0.4
       yallist: 4.0.0
 
+  tar@7.4.3:
+    dependencies:
+      '@isaacs/fs-minipass': 4.0.1
+      chownr: 3.0.0
+      minipass: 7.1.2
+      minizlib: 3.0.2
+      mkdirp: 3.0.1
+      yallist: 5.0.0
+
   temp-file@3.4.0:
     dependencies:
       async-exit-hook: 2.0.1
       fs-extra: 10.1.0
 
-  terser-webpack-plugin@5.3.14(webpack@5.99.6):
+  terser-webpack-plugin@5.3.14(webpack@5.99.9):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       jest-worker: 27.5.1
       schema-utils: 4.3.0
       serialize-javascript: 6.0.2
       terser: 5.37.0
-      webpack: 5.99.6(webpack-cli@6.0.1)
+      webpack: 5.99.9(webpack-cli@6.0.1)
 
   terser@5.30.0:
     dependencies:
@@ -9032,18 +9186,18 @@ snapshots:
     dependencies:
       utf8-byte-length: 1.0.4
 
-  ts-jest@29.3.2(@babel/core@7.24.3)(@jest/transform@29.7.0)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.24.3))(jest@29.7.0(@types/node@22.14.1)(ts-node@10.9.2(@types/node@22.14.1)(typescript@5.8.3)))(typescript@5.8.3):
+  ts-jest@29.3.4(@babel/core@7.24.3)(@jest/transform@29.7.0)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.24.3))(jest@29.7.0(@types/node@22.15.21)(ts-node@10.9.2(@types/node@22.15.21)(typescript@5.8.3)))(typescript@5.8.3):
     dependencies:
       bs-logger: 0.2.6
       ejs: 3.1.10
       fast-json-stable-stringify: 2.1.0
-      jest: 29.7.0(@types/node@22.14.1)(ts-node@10.9.2(@types/node@22.14.1)(typescript@5.8.3))
+      jest: 29.7.0(@types/node@22.15.21)(ts-node@10.9.2(@types/node@22.15.21)(typescript@5.8.3))
       jest-util: 29.7.0
       json5: 2.2.3
       lodash.memoize: 4.1.2
       make-error: 1.3.6
-      semver: 7.7.1
-      type-fest: 4.40.0
+      semver: 7.7.2
+      type-fest: 4.41.0
       typescript: 5.8.3
       yargs-parser: 21.1.1
     optionalDependencies:
@@ -9052,24 +9206,24 @@ snapshots:
       '@jest/types': 29.6.3
       babel-jest: 29.7.0(@babel/core@7.24.3)
 
-  ts-loader@9.5.2(typescript@5.8.3)(webpack@5.99.6):
+  ts-loader@9.5.2(typescript@5.8.3)(webpack@5.99.9):
     dependencies:
       chalk: 4.1.2
       enhanced-resolve: 5.17.1
       micromatch: 4.0.8
-      semver: 7.7.1
+      semver: 7.7.2
       source-map: 0.7.4
       typescript: 5.8.3
-      webpack: 5.99.6(webpack-cli@6.0.1)
+      webpack: 5.99.9(webpack-cli@6.0.1)
 
-  ts-node@10.9.2(@types/node@22.14.1)(typescript@5.8.3):
+  ts-node@10.9.2(@types/node@22.15.21)(typescript@5.8.3):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       '@tsconfig/node10': 1.0.11
       '@tsconfig/node12': 1.0.11
       '@tsconfig/node14': 1.0.3
       '@tsconfig/node16': 1.0.4
-      '@types/node': 22.14.1
+      '@types/node': 22.15.21
       acorn: 8.11.3
       acorn-walk: 8.3.2
       arg: 4.1.3
@@ -9082,8 +9236,6 @@ snapshots:
 
   tslib@2.6.2: {}
 
-  turbo-stream@2.4.0: {}
-
   type-detect@4.0.8: {}
 
   type-fest@0.13.1:
@@ -9091,7 +9243,7 @@ snapshots:
 
   type-fest@0.21.3: {}
 
-  type-fest@4.40.0: {}
+  type-fest@4.41.0: {}
 
   typescript@5.8.3: {}
 
@@ -9225,12 +9377,12 @@ snapshots:
 
   webidl-conversions@7.0.0: {}
 
-  webpack-cli@6.0.1(webpack@5.99.6):
+  webpack-cli@6.0.1(webpack@5.99.9):
     dependencies:
       '@discoveryjs/json-ext': 0.6.3
-      '@webpack-cli/configtest': 3.0.1(webpack-cli@6.0.1)(webpack@5.99.6)
-      '@webpack-cli/info': 3.0.1(webpack-cli@6.0.1)(webpack@5.99.6)
-      '@webpack-cli/serve': 3.0.1(webpack-cli@6.0.1)(webpack@5.99.6)
+      '@webpack-cli/configtest': 3.0.1(webpack-cli@6.0.1)(webpack@5.99.9)
+      '@webpack-cli/info': 3.0.1(webpack-cli@6.0.1)(webpack@5.99.9)
+      '@webpack-cli/serve': 3.0.1(webpack-cli@6.0.1)(webpack@5.99.9)
       colorette: 2.0.20
       commander: 12.1.0
       cross-spawn: 7.0.6
@@ -9239,7 +9391,7 @@ snapshots:
       import-local: 3.1.0
       interpret: 3.1.1
       rechoir: 0.8.0
-      webpack: 5.99.6(webpack-cli@6.0.1)
+      webpack: 5.99.9(webpack-cli@6.0.1)
       webpack-merge: 6.0.1
 
   webpack-merge@6.0.1:
@@ -9250,10 +9402,11 @@ snapshots:
 
   webpack-sources@3.2.3: {}
 
-  webpack@5.99.6(webpack-cli@6.0.1):
+  webpack@5.99.9(webpack-cli@6.0.1):
     dependencies:
       '@types/eslint-scope': 3.7.7
       '@types/estree': 1.0.6
+      '@types/json-schema': 7.0.15
       '@webassemblyjs/ast': 1.14.1
       '@webassemblyjs/wasm-edit': 1.14.1
       '@webassemblyjs/wasm-parser': 1.14.1
@@ -9270,13 +9423,13 @@ snapshots:
       loader-runner: 4.3.0
       mime-types: 2.1.35
       neo-async: 2.6.2
-      schema-utils: 4.3.0
+      schema-utils: 4.3.2
       tapable: 2.2.1
-      terser-webpack-plugin: 5.3.14(webpack@5.99.6)
+      terser-webpack-plugin: 5.3.14(webpack@5.99.9)
       watchpack: 2.4.1
       webpack-sources: 3.2.3
     optionalDependencies:
-      webpack-cli: 6.0.1(webpack@5.99.6)
+      webpack-cli: 6.0.1(webpack@5.99.9)
     transitivePeerDependencies:
       - '@swc/core'
       - esbuild
@@ -9336,6 +9489,8 @@ snapshots:
 
   yallist@4.0.0: {}
 
+  yallist@5.0.0: {}
+
   yargs-parser@21.1.1: {}
 
   yargs@17.7.2:
diff --git a/renovate.json b/renovate.json
index dacdfb47c..a4d91756d 100644
--- a/renovate.json
+++ b/renovate.json
@@ -29,7 +29,7 @@
       "datasourceTemplate": "github-tags",
       "depNameTemplate": "gitify-app/gitify",
       "versioningTemplate": "loose",
-      "fileMatch": ["sonar-project.properties"],
+      "managerFilePatterns": ["/sonar-project.properties/"],
       "matchStrings": ["\\s?sonar.projectVersion=(?<currentValue>.+?)\\s"]
     }
   ]
diff --git a/sonar-project.properties b/sonar-project.properties
index d2f52dbcd..9d8949b21 100644
--- a/sonar-project.properties
+++ b/sonar-project.properties
@@ -4,7 +4,7 @@
 # =====================================================
 sonar.projectKey=gitify-app_gitify
 sonar.organization=gitify-app
-sonar.projectVersion=v6.2.0
+sonar.projectVersion=v6.4.0
 sonar.projectDescription=GitHub notifications on your menu bar.
 
 
diff --git a/src/main/menu.test.ts b/src/main/menu.test.ts
index dfea5a3f3..5055c6b3b 100644
--- a/src/main/menu.test.ts
+++ b/src/main/menu.test.ts
@@ -1,5 +1,6 @@
 import { Menu, MenuItem } from 'electron';
 import type { Menubar } from 'menubar';
+
 import MenuBuilder from './menu';
 
 jest.mock('electron', () => ({
diff --git a/src/renderer/__helpers__/jest.setup.ts b/src/renderer/__helpers__/jest.setup.ts
index 658eb3613..120075f58 100644
--- a/src/renderer/__helpers__/jest.setup.ts
+++ b/src/renderer/__helpers__/jest.setup.ts
@@ -1,3 +1,5 @@
+import '@testing-library/jest-dom';
+
 import { TextDecoder, TextEncoder } from 'node:util';
 
 if (!global.TextEncoder || !global.TextDecoder) {
diff --git a/src/renderer/components/AllRead.test.tsx b/src/renderer/components/AllRead.test.tsx
index 80ff5409a..b43c833d7 100644
--- a/src/renderer/components/AllRead.test.tsx
+++ b/src/renderer/components/AllRead.test.tsx
@@ -1,5 +1,6 @@
 import { render } from '@testing-library/react';
 import { MemoryRouter } from 'react-router-dom';
+
 import { mockSettings } from '../__mocks__/state-mocks';
 import { ensureStableEmojis } from '../__mocks__/utils';
 import { AppContext } from '../context/App';
diff --git a/src/renderer/components/Oops.test.tsx b/src/renderer/components/Oops.test.tsx
index 319357448..4293911b1 100644
--- a/src/renderer/components/Oops.test.tsx
+++ b/src/renderer/components/Oops.test.tsx
@@ -1,4 +1,5 @@
 import { render } from '@testing-library/react';
+
 import { ensureStableEmojis } from '../__mocks__/utils';
 import { Oops } from './Oops';
 
diff --git a/src/renderer/components/Sidebar.test.tsx b/src/renderer/components/Sidebar.test.tsx
index cb80eb6e1..55c7186bf 100644
--- a/src/renderer/components/Sidebar.test.tsx
+++ b/src/renderer/components/Sidebar.test.tsx
@@ -1,5 +1,7 @@
-import { fireEvent, render, screen } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { MemoryRouter } from 'react-router-dom';
+
 import { mockAccountNotifications } from '../__mocks__/notifications-mocks';
 import { mockAuth, mockSettings } from '../__mocks__/state-mocks';
 import { AppContext } from '../context/App';
@@ -59,7 +61,7 @@ describe('renderer/components/Sidebar.tsx', () => {
     expect(tree).toMatchSnapshot();
   });
 
-  it('should navigate home when clicking the gitify logo', () => {
+  it('should navigate home when clicking the gitify logo', async () => {
     render(
       <AppContext.Provider
         value={{
@@ -75,12 +77,13 @@ describe('renderer/components/Sidebar.tsx', () => {
       </AppContext.Provider>,
     );
 
-    fireEvent.click(screen.getByTestId('sidebar-home'));
+    await userEvent.click(screen.getByTestId('sidebar-home'));
+
     expect(mockNavigate).toHaveBeenNthCalledWith(1, '/', { replace: true });
   });
 
   describe('notifications icon', () => {
-    it('opens notifications home when clicked', () => {
+    it('opens notifications home when clicked', async () => {
       render(
         <AppContext.Provider
           value={{
@@ -96,7 +99,7 @@ describe('renderer/components/Sidebar.tsx', () => {
         </AppContext.Provider>,
       );
 
-      fireEvent.click(screen.getByTestId('sidebar-notifications'));
+      await userEvent.click(screen.getByTestId('sidebar-notifications'));
 
       expect(openExternalLinkMock).toHaveBeenCalledTimes(1);
       expect(openExternalLinkMock).toHaveBeenCalledWith(
@@ -144,7 +147,7 @@ describe('renderer/components/Sidebar.tsx', () => {
   });
 
   describe('Filter notifications', () => {
-    it('go to the filters route', () => {
+    it('go to the filters route', async () => {
       render(
         <AppContext.Provider
           value={{
@@ -160,12 +163,12 @@ describe('renderer/components/Sidebar.tsx', () => {
         </AppContext.Provider>,
       );
 
-      fireEvent.click(screen.getByTestId('sidebar-filter-notifications'));
+      await userEvent.click(screen.getByTestId('sidebar-filter-notifications'));
 
       expect(mockNavigate).toHaveBeenNthCalledWith(1, '/filters');
     });
 
-    it('go to the home if filters path already shown', () => {
+    it('go to the home if filters path already shown', async () => {
       render(
         <AppContext.Provider
           value={{
@@ -181,14 +184,14 @@ describe('renderer/components/Sidebar.tsx', () => {
         </AppContext.Provider>,
       );
 
-      fireEvent.click(screen.getByTestId('sidebar-filter-notifications'));
+      await userEvent.click(screen.getByTestId('sidebar-filter-notifications'));
 
       expect(mockNavigate).toHaveBeenNthCalledWith(1, '/', { replace: true });
     });
   });
 
   describe('quick links', () => {
-    it('opens my github issues page', () => {
+    it('opens my github issues page', async () => {
       render(
         <AppContext.Provider
           value={{
@@ -204,7 +207,7 @@ describe('renderer/components/Sidebar.tsx', () => {
         </AppContext.Provider>,
       );
 
-      fireEvent.click(screen.getByTestId('sidebar-my-issues'));
+      await userEvent.click(screen.getByTestId('sidebar-my-issues'));
 
       expect(openExternalLinkMock).toHaveBeenCalledTimes(1);
       expect(openExternalLinkMock).toHaveBeenCalledWith(
@@ -212,7 +215,7 @@ describe('renderer/components/Sidebar.tsx', () => {
       );
     });
 
-    it('opens my github pull requests page', () => {
+    it('opens my github pull requests page', async () => {
       render(
         <AppContext.Provider
           value={{
@@ -228,7 +231,7 @@ describe('renderer/components/Sidebar.tsx', () => {
         </AppContext.Provider>,
       );
 
-      fireEvent.click(screen.getByTestId('sidebar-my-pull-requests'));
+      await userEvent.click(screen.getByTestId('sidebar-my-pull-requests'));
 
       expect(openExternalLinkMock).toHaveBeenCalledTimes(1);
       expect(openExternalLinkMock).toHaveBeenCalledWith(
@@ -238,7 +241,7 @@ describe('renderer/components/Sidebar.tsx', () => {
   });
 
   describe('Refresh Notifications', () => {
-    it('should refresh the notifications when status is not loading', () => {
+    it('should refresh the notifications when status is not loading', async () => {
       render(
         <AppContext.Provider
           value={{
@@ -256,12 +259,12 @@ describe('renderer/components/Sidebar.tsx', () => {
         </AppContext.Provider>,
       );
 
-      fireEvent.click(screen.getByTestId('sidebar-refresh'));
+      await userEvent.click(screen.getByTestId('sidebar-refresh'));
 
       expect(fetchNotifications).toHaveBeenCalledTimes(1);
     });
 
-    it('should not refresh the notifications when status is loading', () => {
+    it('should not refresh the notifications when status is loading', async () => {
       render(
         <AppContext.Provider
           value={{
@@ -279,14 +282,14 @@ describe('renderer/components/Sidebar.tsx', () => {
         </AppContext.Provider>,
       );
 
-      fireEvent.click(screen.getByTestId('sidebar-refresh'));
+      await userEvent.click(screen.getByTestId('sidebar-refresh'));
 
       expect(fetchNotifications).not.toHaveBeenCalled();
     });
   });
 
   describe('Settings', () => {
-    it('go to the settings route', () => {
+    it('go to the settings route', async () => {
       render(
         <AppContext.Provider
           value={{
@@ -302,12 +305,12 @@ describe('renderer/components/Sidebar.tsx', () => {
         </AppContext.Provider>,
       );
 
-      fireEvent.click(screen.getByTestId('sidebar-settings'));
+      await userEvent.click(screen.getByTestId('sidebar-settings'));
 
       expect(mockNavigate).toHaveBeenNthCalledWith(1, '/settings');
     });
 
-    it('go to the home if settings path already shown', () => {
+    it('go to the home if settings path already shown', async () => {
       render(
         <AppContext.Provider
           value={{
@@ -324,14 +327,14 @@ describe('renderer/components/Sidebar.tsx', () => {
         </AppContext.Provider>,
       );
 
-      fireEvent.click(screen.getByTestId('sidebar-settings'));
+      await userEvent.click(screen.getByTestId('sidebar-settings'));
 
       expect(fetchNotifications).toHaveBeenCalledTimes(1);
       expect(mockNavigate).toHaveBeenNthCalledWith(1, '/', { replace: true });
     });
   });
 
-  it('should quit the app', () => {
+  it('should quit the app', async () => {
     const quitAppMock = jest.spyOn(comms, 'quitApp');
 
     render(
@@ -349,7 +352,7 @@ describe('renderer/components/Sidebar.tsx', () => {
       </AppContext.Provider>,
     );
 
-    fireEvent.click(screen.getByTestId('sidebar-quit'));
+    await userEvent.click(screen.getByTestId('sidebar-quit'));
 
     expect(quitAppMock).toHaveBeenCalledTimes(1);
   });
diff --git a/src/renderer/components/__snapshots__/AllRead.test.tsx.snap b/src/renderer/components/__snapshots__/AllRead.test.tsx.snap
index 528aa9e99..5232d3779 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 cRiRbv h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 cRiRbv h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 cRiRbv h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 0500f831b..e88fc4f30 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 cRiRbv h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 cRiRbv h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 cRiRbv h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 322dc5503..37a214ce8 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 cctliY"
+  class="types__StyledButton-sc-ws60qy-0 hVcPdH"
   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 cctliY"
+  class="types__StyledButton-sc-ws60qy-0 hVcPdH"
   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 cRiRbv fixed left-sidebar -ml-sidebar w-sidebar h-full bg-gitify-sidebar text-white"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 hxvobc"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
             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 gUPoRV"
+            class="types__StyledButton-sc-ws60qy-0 faMCqe"
             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 hxvobc"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
             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 cctliY"
+            class="types__StyledButton-sc-ws60qy-0 hVcPdH"
             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 hxvobc"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
             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 cctliY"
+            class="types__StyledButton-sc-ws60qy-0 hVcPdH"
             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 hxvobc"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
             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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cctliY"
+            class="types__StyledButton-sc-ws60qy-0 hVcPdH"
             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 hxvobc"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
             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 cRiRbv fixed left-sidebar -ml-sidebar w-sidebar h-full bg-gitify-sidebar text-white"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 gVycBz"
+          class="types__StyledButton-sc-ws60qy-0 gbYXLg"
           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 hxvobc"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
           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 gUPoRV"
+          class="types__StyledButton-sc-ws60qy-0 faMCqe"
           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 hxvobc"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
           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 cctliY"
+          class="types__StyledButton-sc-ws60qy-0 hVcPdH"
           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 hxvobc"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
           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 cctliY"
+          class="types__StyledButton-sc-ws60qy-0 hVcPdH"
           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 hxvobc"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
           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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cctliY"
+          class="types__StyledButton-sc-ws60qy-0 hVcPdH"
           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 hxvobc"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
           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 cRiRbv fixed left-sidebar -ml-sidebar w-sidebar h-full bg-gitify-sidebar text-white"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 hxvobc"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
             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 gUPoRV"
+            class="types__StyledButton-sc-ws60qy-0 faMCqe"
             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 hxvobc"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
             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 cctliY"
+            class="types__StyledButton-sc-ws60qy-0 hVcPdH"
             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 hxvobc"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
             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 cctliY"
+            class="types__StyledButton-sc-ws60qy-0 hVcPdH"
             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 hxvobc"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
             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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cctliY"
+            class="types__StyledButton-sc-ws60qy-0 hVcPdH"
             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 hxvobc"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
             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 cRiRbv fixed left-sidebar -ml-sidebar w-sidebar h-full bg-gitify-sidebar text-white"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 gVycBz"
+          class="types__StyledButton-sc-ws60qy-0 gbYXLg"
           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 hxvobc"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
           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 gUPoRV"
+          class="types__StyledButton-sc-ws60qy-0 faMCqe"
           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 hxvobc"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
           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 cctliY"
+          class="types__StyledButton-sc-ws60qy-0 hVcPdH"
           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 hxvobc"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
           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 cctliY"
+          class="types__StyledButton-sc-ws60qy-0 hVcPdH"
           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 hxvobc"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
           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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cctliY"
+          class="types__StyledButton-sc-ws60qy-0 hVcPdH"
           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 hxvobc"
+          class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
           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 cfaadde7f..221a1089d 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cocpco"
+          class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
           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 cRiRbv"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
       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 cocpco"
+        class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
         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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cocpco"
+          class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
           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 cRiRbv"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
       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 cocpco"
+        class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
         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 cRiRbv"
+  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
   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 bYVpTh"
+    class="Avatar__StyledAvatar-sc-2lv0r8-0 cXMicm"
     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 cocpco"
+    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
     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 cRiRbv"
+  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
   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 eGQQJz"
+    class="Avatar__StyledAvatar-sc-2lv0r8-0 fKDBLM"
     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 cocpco"
+    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
     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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 bYVpTh"
+          class="Avatar__StyledAvatar-sc-2lv0r8-0 cXMicm"
           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 cocpco"
+          class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
           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 cRiRbv"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
       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 bYVpTh"
+        class="Avatar__StyledAvatar-sc-2lv0r8-0 cXMicm"
         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 cocpco"
+        class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
         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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 eGQQJz"
+          class="Avatar__StyledAvatar-sc-2lv0r8-0 fKDBLM"
           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 cocpco"
+          class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
           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 cRiRbv"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
       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 eGQQJz"
+        class="Avatar__StyledAvatar-sc-2lv0r8-0 fKDBLM"
         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 cocpco"
+        class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
         maxwidth="280"
         title="@gitify-app"
       >
diff --git a/src/renderer/components/fields/Checkbox.test.tsx b/src/renderer/components/fields/Checkbox.test.tsx
index 0620300e9..623a59d91 100644
--- a/src/renderer/components/fields/Checkbox.test.tsx
+++ b/src/renderer/components/fields/Checkbox.test.tsx
@@ -1,4 +1,5 @@
 import { render } from '@testing-library/react';
+
 import { Checkbox, type ICheckbox } from './Checkbox';
 
 describe('renderer/components/fields/Checkbox.tsx', () => {
diff --git a/src/renderer/components/fields/FieldLabel.test.tsx b/src/renderer/components/fields/FieldLabel.test.tsx
index 31f76978d..e10a2e655 100644
--- a/src/renderer/components/fields/FieldLabel.test.tsx
+++ b/src/renderer/components/fields/FieldLabel.test.tsx
@@ -1,4 +1,5 @@
 import { render } from '@testing-library/react';
+
 import { FieldLabel, type IFieldLabel } from './FieldLabel';
 
 describe('renderer/components/fields/FieldLabel.tsx', () => {
diff --git a/src/renderer/components/fields/RadioGroup.test.tsx b/src/renderer/components/fields/RadioGroup.test.tsx
index eeb2ba652..1a433383d 100644
--- a/src/renderer/components/fields/RadioGroup.test.tsx
+++ b/src/renderer/components/fields/RadioGroup.test.tsx
@@ -1,4 +1,5 @@
 import { render } from '@testing-library/react';
+
 import { type IRadioGroup, RadioGroup } from './RadioGroup';
 
 describe('renderer/components/fields/RadioGroup.tsx', () => {
diff --git a/src/renderer/components/fields/RadioGroup.tsx b/src/renderer/components/fields/RadioGroup.tsx
index d395edeb4..0a92cf1e6 100644
--- a/src/renderer/components/fields/RadioGroup.tsx
+++ b/src/renderer/components/fields/RadioGroup.tsx
@@ -24,7 +24,7 @@ export const RadioGroup: FC<IRadioGroup> = (props: IRadioGroup) => {
       <FieldLabel name={props.name} label={props.label} />
 
       {props.options.map((item) => {
-        const name = `radio-${props.name}-${item.value}`.toLowerCase();
+        const name = `radio-${props.name}-${item.value.toLowerCase()}`;
 
         return (
           <Stack
diff --git a/src/renderer/components/fields/Tooltip.test.tsx b/src/renderer/components/fields/Tooltip.test.tsx
index ae81a48d4..466f3ee24 100644
--- a/src/renderer/components/fields/Tooltip.test.tsx
+++ b/src/renderer/components/fields/Tooltip.test.tsx
@@ -1,4 +1,6 @@
-import { fireEvent, render, screen } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+
 import { type ITooltip, Tooltip } from './Tooltip';
 
 describe('renderer/components/fields/Tooltip.tsx', () => {
@@ -12,15 +14,15 @@ describe('renderer/components/fields/Tooltip.tsx', () => {
     expect(tree).toMatchSnapshot();
   });
 
-  it('should display on mouse enter / leave', () => {
+  it('should display on mouse enter / leave', async () => {
     render(<Tooltip {...props} />);
 
     const tooltipElement = screen.getByTestId('tooltip-test');
 
-    fireEvent.mouseEnter(tooltipElement);
+    await userEvent.hover(tooltipElement);
     expect(tooltipElement).toMatchSnapshot();
 
-    fireEvent.mouseLeave(tooltipElement);
+    await userEvent.unhover(tooltipElement);
     expect(tooltipElement).toMatchSnapshot();
   });
 });
diff --git a/src/renderer/components/fields/__snapshots__/Checkbox.test.tsx.snap b/src/renderer/components/fields/__snapshots__/Checkbox.test.tsx.snap
index 56d54b0d4..bb5270dea 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 cRiRbv text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+          class="Text-sc-17v1xeu-0 bLmNQN 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 cRiRbv text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+        class="Text-sc-17v1xeu-0 bLmNQN 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 cRiRbv text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+          class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+        class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+          class="Text-sc-17v1xeu-0 bLmNQN 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 cRiRbv text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+        class="Text-sc-17v1xeu-0 bLmNQN 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 d94c4593e..f27cb9251 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 cRiRbv text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv text-sm"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv text-sm"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
diff --git a/src/renderer/components/filters/FilterSection.test.tsx b/src/renderer/components/filters/FilterSection.test.tsx
index 832b48a15..bd087db6e 100644
--- a/src/renderer/components/filters/FilterSection.test.tsx
+++ b/src/renderer/components/filters/FilterSection.test.tsx
@@ -1,6 +1,8 @@
 import { MarkGithubIcon } from '@primer/octicons-react';
-import { act, fireEvent, render, screen } from '@testing-library/react';
+import { act, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { MemoryRouter } from 'react-router-dom';
+
 import { mockAccountNotifications } from '../../__mocks__/notifications-mocks';
 import { mockSettings } from '../../__mocks__/state-mocks';
 import { AppContext } from '../../context/App';
@@ -98,7 +100,7 @@ describe('renderer/components/filters/FilterSection.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByLabelText('Open'));
+    await userEvent.click(screen.getByLabelText('Open'));
 
     expect(updateFilter).toHaveBeenCalledWith(mockFilterSetting, 'open', true);
 
@@ -133,7 +135,7 @@ describe('renderer/components/filters/FilterSection.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByLabelText('Closed'));
+    await userEvent.click(screen.getByLabelText('Closed'));
 
     expect(updateFilter).toHaveBeenCalledWith(
       mockFilterSetting,
diff --git a/src/renderer/components/filters/ReasonFilter.test.tsx b/src/renderer/components/filters/ReasonFilter.test.tsx
index 485cd2156..9fe104f18 100644
--- a/src/renderer/components/filters/ReasonFilter.test.tsx
+++ b/src/renderer/components/filters/ReasonFilter.test.tsx
@@ -1,5 +1,6 @@
 import { render } from '@testing-library/react';
 import { MemoryRouter } from 'react-router-dom';
+
 import { mockAccountNotifications } from '../../__mocks__/notifications-mocks';
 import { mockSettings } from '../../__mocks__/state-mocks';
 import { AppContext } from '../../context/App';
diff --git a/src/renderer/components/filters/RequiresDetailedNotificationsWarning.test.tsx b/src/renderer/components/filters/RequiresDetailedNotificationsWarning.test.tsx
index 0ddc41dc8..f0348091f 100644
--- a/src/renderer/components/filters/RequiresDetailedNotificationsWarning.test.tsx
+++ b/src/renderer/components/filters/RequiresDetailedNotificationsWarning.test.tsx
@@ -1,5 +1,6 @@
 import { render } from '@testing-library/react';
 import { MemoryRouter } from 'react-router-dom';
+
 import { mockAccountNotifications } from '../../__mocks__/notifications-mocks';
 import { mockSettings } from '../../__mocks__/state-mocks';
 import { AppContext } from '../../context/App';
diff --git a/src/renderer/components/filters/StateFilter.test.tsx b/src/renderer/components/filters/StateFilter.test.tsx
index 316a417f6..264bafac3 100644
--- a/src/renderer/components/filters/StateFilter.test.tsx
+++ b/src/renderer/components/filters/StateFilter.test.tsx
@@ -1,5 +1,6 @@
 import { render } from '@testing-library/react';
 import { MemoryRouter } from 'react-router-dom';
+
 import { mockAccountNotifications } from '../../__mocks__/notifications-mocks';
 import { mockSettings } from '../../__mocks__/state-mocks';
 import { AppContext } from '../../context/App';
diff --git a/src/renderer/components/filters/SubjectTypeFilter.test.tsx b/src/renderer/components/filters/SubjectTypeFilter.test.tsx
index b9f8cf3f2..e6c86b800 100644
--- a/src/renderer/components/filters/SubjectTypeFilter.test.tsx
+++ b/src/renderer/components/filters/SubjectTypeFilter.test.tsx
@@ -1,5 +1,6 @@
 import { render } from '@testing-library/react';
 import { MemoryRouter } from 'react-router-dom';
+
 import { mockAccountNotifications } from '../../__mocks__/notifications-mocks';
 import { mockSettings } from '../../__mocks__/state-mocks';
 import { AppContext } from '../../context/App';
diff --git a/src/renderer/components/filters/UserHandleFilter.test.tsx b/src/renderer/components/filters/UserHandleFilter.test.tsx
index 0892de338..796791cf2 100644
--- a/src/renderer/components/filters/UserHandleFilter.test.tsx
+++ b/src/renderer/components/filters/UserHandleFilter.test.tsx
@@ -1,5 +1,7 @@
-import { act, fireEvent, render, screen } from '@testing-library/react';
+import { act, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { MemoryRouter } from 'react-router-dom';
+
 import { mockAccountNotifications } from '../../__mocks__/notifications-mocks';
 import { mockSettings } from '../../__mocks__/state-mocks';
 import { AppContext } from '../../context/App';
@@ -76,14 +78,10 @@ describe('renderer/components/filters/UserHandleFilter.tsx', () => {
         );
       });
 
-      fireEvent.change(screen.getByTitle('Include handles'), {
-        target: { value: 'github-user' },
-      });
-
-      fireEvent.keyDown(screen.getByTitle('Include handles'), {
-        key: 'Enter',
-        code: 'Enter',
-      });
+      await userEvent.type(
+        screen.getByTitle('Include handles'),
+        'github-user{enter}',
+      );
 
       expect(updateFilter).toHaveBeenCalledWith(
         'filterIncludeHandles',
@@ -112,14 +110,10 @@ describe('renderer/components/filters/UserHandleFilter.tsx', () => {
         );
       });
 
-      fireEvent.change(screen.getByTitle('Include handles'), {
-        target: { value: 'github-user' },
-      });
-
-      fireEvent.keyDown(screen.getByTitle('Include handles'), {
-        key: 'Enter',
-        code: 'Enter',
-      });
+      await userEvent.type(
+        screen.getByTitle('Include handles'),
+        'github-user{enter}',
+      );
 
       expect(updateFilter).toHaveBeenCalledTimes(0);
     });
@@ -146,14 +140,10 @@ describe('renderer/components/filters/UserHandleFilter.tsx', () => {
         );
       });
 
-      fireEvent.change(screen.getByTitle('Exclude handles'), {
-        target: { value: 'github-user' },
-      });
-
-      fireEvent.keyDown(screen.getByTitle('Exclude handles'), {
-        key: 'Enter',
-        code: 'Enter',
-      });
+      await userEvent.type(
+        screen.getByTitle('Exclude handles'),
+        'github-user{enter}',
+      );
 
       expect(updateFilter).toHaveBeenCalledWith(
         'filterExcludeHandles',
@@ -182,14 +172,10 @@ describe('renderer/components/filters/UserHandleFilter.tsx', () => {
         );
       });
 
-      fireEvent.change(screen.getByTitle('Exclude handles'), {
-        target: { value: 'github-user' },
-      });
-
-      fireEvent.keyDown(screen.getByTitle('Exclude handles'), {
-        key: 'Enter',
-        code: 'Enter',
-      });
+      await userEvent.type(
+        screen.getByTitle('Exclude handles'),
+        'github-user{enter}',
+      );
 
       expect(updateFilter).toHaveBeenCalledTimes(0);
     });
diff --git a/src/renderer/components/filters/UserTypeFilter.test.tsx b/src/renderer/components/filters/UserTypeFilter.test.tsx
index 4ade31495..c1433500a 100644
--- a/src/renderer/components/filters/UserTypeFilter.test.tsx
+++ b/src/renderer/components/filters/UserTypeFilter.test.tsx
@@ -1,5 +1,6 @@
 import { render } from '@testing-library/react';
 import { MemoryRouter } from 'react-router-dom';
+
 import { mockAccountNotifications } from '../../__mocks__/notifications-mocks';
 import { mockSettings } from '../../__mocks__/state-mocks';
 import { AppContext } from '../../context/App';
diff --git a/src/renderer/components/filters/__snapshots__/FilterSection.test.tsx.snap b/src/renderer/components/filters/__snapshots__/FilterSection.test.tsx.snap
index 7e5262df4..894711c32 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 cRiRbv"
+  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
   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 cRiRbv text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+      class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+      class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+      class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+      class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+      class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv"
+  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
   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 cRiRbv text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+      class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+      class="Text-sc-17v1xeu-0 bLmNQN 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 cRiRbv text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+      class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+      class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+    class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+      class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 Nyvxf"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                   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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 Nyvxf"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 Nyvxf"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                   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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 Nyvxf"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 7cfe03993..e5cd2a4e5 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 Nyvxf"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                   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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 Nyvxf"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 28e8e9458..fec91ee43 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 gfWGMy text-gitify-caution"
+        class="Text-sc-17v1xeu-0 bLmNQN text-gitify-caution"
       >
         ⚠️ This filter requires the 
         <strong
-          class="Text-sc-17v1xeu-0 gfWGMy"
+          class="Text-sc-17v1xeu-0 bLmNQN"
         >
           Detailed Notifications
         </strong>
@@ -21,11 +21,11 @@ exports[`renderer/components/filters/RequiresDetailedNotificationsWarning.tsx sh
   </body>,
   "container": <div>
     <span
-      class="Text-sc-17v1xeu-0 gfWGMy text-gitify-caution"
+      class="Text-sc-17v1xeu-0 bLmNQN text-gitify-caution"
     >
       ⚠️ This filter requires the 
       <strong
-        class="Text-sc-17v1xeu-0 gfWGMy"
+        class="Text-sc-17v1xeu-0 bLmNQN"
       >
         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 f16b6a69b..88c7ca86f 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 Nyvxf"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                   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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 Nyvxf"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 d5972d939..5adc0b58b 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 Nyvxf"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                   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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 Nyvxf"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 69c5a1137..d59dc14a5 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 Nyvxf"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                   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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 gfWGMy"
+                  class="Text-sc-17v1xeu-0 bLmNQN"
                 >
                   Include:
                 </span>
               </div>
             </div>
             <span
-              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 grlOUj eLTuPZ"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 ktavcw bubHkq"
               disabled=""
               sx="[object Object]"
             >
               <div
-                class="Box-sc-g0xbh4-0 dxzLLz"
+                class="Box-sc-g0xbh4-0 kELiKs"
                 display="flex"
                 sx="[object Object]"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 bLimza"
+                  class="Box-sc-g0xbh4-0 ifwIIt"
                   sx="[object Object]"
                 >
                   <input
                     aria-invalid="false"
-                    class="UnstyledTextInput-sc-14ypya-0 bKZaYV"
+                    class="UnstyledTextInput-sc-14ypya-0 iXLnTe"
                     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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 gfWGMy"
+                  class="Text-sc-17v1xeu-0 bLmNQN"
                 >
                   Exclude:
                 </span>
               </div>
             </div>
             <span
-              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 grlOUj eLTuPZ"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 ktavcw bubHkq"
               disabled=""
               sx="[object Object]"
             >
               <div
-                class="Box-sc-g0xbh4-0 dxzLLz"
+                class="Box-sc-g0xbh4-0 kELiKs"
                 display="flex"
                 sx="[object Object]"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 bLimza"
+                  class="Box-sc-g0xbh4-0 ifwIIt"
                   sx="[object Object]"
                 >
                   <input
                     aria-invalid="false"
-                    class="UnstyledTextInput-sc-14ypya-0 bKZaYV"
+                    class="UnstyledTextInput-sc-14ypya-0 iXLnTe"
                     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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 Nyvxf"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 gfWGMy"
+                class="Text-sc-17v1xeu-0 bLmNQN"
               >
                 Include:
               </span>
             </div>
           </div>
           <span
-            class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 grlOUj eLTuPZ"
+            class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 ktavcw bubHkq"
             disabled=""
             sx="[object Object]"
           >
             <div
-              class="Box-sc-g0xbh4-0 dxzLLz"
+              class="Box-sc-g0xbh4-0 kELiKs"
               display="flex"
               sx="[object Object]"
             >
               <div
-                class="Box-sc-g0xbh4-0 bLimza"
+                class="Box-sc-g0xbh4-0 ifwIIt"
                 sx="[object Object]"
               >
                 <input
                   aria-invalid="false"
-                  class="UnstyledTextInput-sc-14ypya-0 bKZaYV"
+                  class="UnstyledTextInput-sc-14ypya-0 iXLnTe"
                   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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 gfWGMy"
+                class="Text-sc-17v1xeu-0 bLmNQN"
               >
                 Exclude:
               </span>
             </div>
           </div>
           <span
-            class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 grlOUj eLTuPZ"
+            class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 ktavcw bubHkq"
             disabled=""
             sx="[object Object]"
           >
             <div
-              class="Box-sc-g0xbh4-0 dxzLLz"
+              class="Box-sc-g0xbh4-0 kELiKs"
               display="flex"
               sx="[object Object]"
             >
               <div
-                class="Box-sc-g0xbh4-0 bLimza"
+                class="Box-sc-g0xbh4-0 ifwIIt"
                 sx="[object Object]"
               >
                 <input
                   aria-invalid="false"
-                  class="UnstyledTextInput-sc-14ypya-0 bKZaYV"
+                  class="UnstyledTextInput-sc-14ypya-0 iXLnTe"
                   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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 Nyvxf"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                   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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 gfWGMy"
+                  class="Text-sc-17v1xeu-0 bLmNQN"
                 >
                   Include:
                 </span>
               </div>
             </div>
             <span
-              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hmMdH eLTuPZ"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 eKCMNg bubHkq"
               sx="[object Object]"
             >
               <div
-                class="Box-sc-g0xbh4-0 dxzLLz"
+                class="Box-sc-g0xbh4-0 kELiKs"
                 display="flex"
                 sx="[object Object]"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 bLimza"
+                  class="Box-sc-g0xbh4-0 ifwIIt"
                   sx="[object Object]"
                 >
                   <input
                     aria-invalid="false"
-                    class="UnstyledTextInput-sc-14ypya-0 bKZaYV"
+                    class="UnstyledTextInput-sc-14ypya-0 iXLnTe"
                     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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 gfWGMy"
+                  class="Text-sc-17v1xeu-0 bLmNQN"
                 >
                   Exclude:
                 </span>
               </div>
             </div>
             <span
-              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hmMdH eLTuPZ"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 eKCMNg bubHkq"
               sx="[object Object]"
             >
               <div
-                class="Box-sc-g0xbh4-0 dxzLLz"
+                class="Box-sc-g0xbh4-0 kELiKs"
                 display="flex"
                 sx="[object Object]"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 bLimza"
+                  class="Box-sc-g0xbh4-0 ifwIIt"
                   sx="[object Object]"
                 >
                   <input
                     aria-invalid="false"
-                    class="UnstyledTextInput-sc-14ypya-0 bKZaYV"
+                    class="UnstyledTextInput-sc-14ypya-0 iXLnTe"
                     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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 Nyvxf"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 gfWGMy"
+                class="Text-sc-17v1xeu-0 bLmNQN"
               >
                 Include:
               </span>
             </div>
           </div>
           <span
-            class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hmMdH eLTuPZ"
+            class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 eKCMNg bubHkq"
             sx="[object Object]"
           >
             <div
-              class="Box-sc-g0xbh4-0 dxzLLz"
+              class="Box-sc-g0xbh4-0 kELiKs"
               display="flex"
               sx="[object Object]"
             >
               <div
-                class="Box-sc-g0xbh4-0 bLimza"
+                class="Box-sc-g0xbh4-0 ifwIIt"
                 sx="[object Object]"
               >
                 <input
                   aria-invalid="false"
-                  class="UnstyledTextInput-sc-14ypya-0 bKZaYV"
+                  class="UnstyledTextInput-sc-14ypya-0 iXLnTe"
                   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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 gfWGMy"
+                class="Text-sc-17v1xeu-0 bLmNQN"
               >
                 Exclude:
               </span>
             </div>
           </div>
           <span
-            class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hmMdH eLTuPZ"
+            class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 eKCMNg bubHkq"
             sx="[object Object]"
           >
             <div
-              class="Box-sc-g0xbh4-0 dxzLLz"
+              class="Box-sc-g0xbh4-0 kELiKs"
               display="flex"
               sx="[object Object]"
             >
               <div
-                class="Box-sc-g0xbh4-0 bLimza"
+                class="Box-sc-g0xbh4-0 ifwIIt"
                 sx="[object Object]"
               >
                 <input
                   aria-invalid="false"
-                  class="UnstyledTextInput-sc-14ypya-0 bKZaYV"
+                  class="UnstyledTextInput-sc-14ypya-0 iXLnTe"
                   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 0523becd9..43888130b 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 Nyvxf"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                   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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 Nyvxf"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+            class="Text-sc-17v1xeu-0 bLmNQN px-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/icons/LogoIcon.test.tsx b/src/renderer/components/icons/LogoIcon.test.tsx
index 13fd19597..ccd4f61a3 100644
--- a/src/renderer/components/icons/LogoIcon.test.tsx
+++ b/src/renderer/components/icons/LogoIcon.test.tsx
@@ -1,4 +1,6 @@
-import { fireEvent, render, screen } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+
 import { Size } from '../../types';
 import { LogoIcon } from './LogoIcon';
 
@@ -15,11 +17,11 @@ describe('renderer/components/icons/LogoIcon.tsx', () => {
     expect(tree).toMatchSnapshot();
   });
 
-  it('should click on the logo', () => {
+  it('should click on the logo', async () => {
     const onClick = jest.fn();
     render(<LogoIcon onClick={onClick} size={Size.SMALL} />);
 
-    fireEvent.click(screen.getByLabelText('Gitify Logo'));
+    await userEvent.click(screen.getByLabelText('Gitify Logo'));
 
     expect(onClick).toHaveBeenCalledTimes(1);
   });
diff --git a/src/renderer/components/icons/VolumeDownIcon.tsx b/src/renderer/components/icons/VolumeDownIcon.tsx
index 93b2910a4..4c7a84f8a 100644
--- a/src/renderer/components/icons/VolumeDownIcon.tsx
+++ b/src/renderer/components/icons/VolumeDownIcon.tsx
@@ -9,6 +9,7 @@ export const VolumeDownIcon: FC = () => (
     height="24"
     role="img"
     aria-label="Volume Down Icon"
+    fill="currentColor"
   >
     <g transform="translate(2, 0)">
       <path d="M11.553 3.064A.75.75 0 0 1 12 3.75v16.5a.75.75 0 0 1-1.255.555L5.46 16H2.75A1.75 1.75 0 0 1 1 14.25v-4.5C1 8.784 1.784 8 2.75 8h2.71l5.285-4.805a.752.752 0 0 1 .808-.13ZM10.5 5.445l-4.245 3.86a.748.748 0 0 1-.505.195h-3a.25.25 0 0 0-.25.25v4.5c0 .138.112.25.25.25h3c.187 0 .367.069.505.195l4.245 3.86z" />
diff --git a/src/renderer/components/icons/VolumeUpIcon.tsx b/src/renderer/components/icons/VolumeUpIcon.tsx
index 84aac91a4..e49492266 100644
--- a/src/renderer/components/icons/VolumeUpIcon.tsx
+++ b/src/renderer/components/icons/VolumeUpIcon.tsx
@@ -9,6 +9,7 @@ export const VolumeUpIcon: FC = () => (
     height="24"
     role="img"
     aria-label="Volume Up Icon"
+    fill="currentColor"
   >
     <path d="M11.553 3.064A.75.75 0 0 1 12 3.75v16.5a.75.75 0 0 1-1.255.555L5.46 16H2.75A1.75 1.75 0 0 1 1 14.25v-4.5C1 8.784 1.784 8 2.75 8h2.71l5.285-4.805a.752.752 0 0 1 .808-.13ZM10.5 5.445l-4.245 3.86a.748.748 0 0 1-.505.195h-3a.25.25 0 0 0-.25.25v4.5c0 .138.112.25.25.25h3c.187 0 .367.069.505.195l4.245 3.86Zm8.218-1.223a.75.75 0 0 1 1.06 0c4.296 4.296 4.296 11.26 0 15.556a.75.75 0 0 1-1.06-1.06 9.5 9.5 0 0 0 0-13.436.75.75 0 0 1 0-1.06Z" />
     <path d="M16.243 7.757a.75.75 0 1 0-1.061 1.061 4.5 4.5 0 0 1 0 6.364.75.75 0 0 0 1.06 1.06 6 6 0 0 0 0-8.485Z" />
diff --git a/src/renderer/components/layout/Centered.test.tsx b/src/renderer/components/layout/Centered.test.tsx
index f7103406c..9bb464304 100644
--- a/src/renderer/components/layout/Centered.test.tsx
+++ b/src/renderer/components/layout/Centered.test.tsx
@@ -1,4 +1,5 @@
 import { render } from '@testing-library/react';
+
 import { Centered } from './Centered';
 
 describe('renderer/components/layout/Centered.tsx', () => {
diff --git a/src/renderer/components/layout/Contents.test.tsx b/src/renderer/components/layout/Contents.test.tsx
index 79b1dc6db..c8d2bce0d 100644
--- a/src/renderer/components/layout/Contents.test.tsx
+++ b/src/renderer/components/layout/Contents.test.tsx
@@ -1,4 +1,5 @@
 import { render } from '@testing-library/react';
+
 import { Contents } from './Contents';
 
 describe('renderer/components/layout/Contents.tsx', () => {
diff --git a/src/renderer/components/layout/EmojiSplash.test.tsx b/src/renderer/components/layout/EmojiSplash.test.tsx
index 313c95986..a8b0dc212 100644
--- a/src/renderer/components/layout/EmojiSplash.test.tsx
+++ b/src/renderer/components/layout/EmojiSplash.test.tsx
@@ -1,4 +1,5 @@
 import { render } from '@testing-library/react';
+
 import { EmojiSplash } from './EmojiSplash';
 
 describe('renderer/components/layout/EmojiSplash.tsx', () => {
diff --git a/src/renderer/components/layout/Page.test.tsx b/src/renderer/components/layout/Page.test.tsx
index bf51c7ec6..92aae65fd 100644
--- a/src/renderer/components/layout/Page.test.tsx
+++ b/src/renderer/components/layout/Page.test.tsx
@@ -1,4 +1,5 @@
 import { render } from '@testing-library/react';
+
 import { Page } from './Page';
 
 describe('renderer/components/layout/Page.tsx', () => {
diff --git a/src/renderer/components/layout/__snapshots__/AppLayout.test.tsx.snap b/src/renderer/components/layout/__snapshots__/AppLayout.test.tsx.snap
index fdeb3c995..e08bf690d 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 cRiRbv fixed left-sidebar -ml-sidebar w-sidebar h-full bg-gitify-sidebar text-white"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 cctliY"
+              class="types__StyledButton-sc-ws60qy-0 hVcPdH"
               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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 cctliY"
+              class="types__StyledButton-sc-ws60qy-0 hVcPdH"
               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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 cctliY"
+              class="types__StyledButton-sc-ws60qy-0 hVcPdH"
               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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 cctliY"
+              class="types__StyledButton-sc-ws60qy-0 hVcPdH"
               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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 cRiRbv fixed left-sidebar -ml-sidebar w-sidebar h-full bg-gitify-sidebar text-white"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 hxvobc"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
             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 cctliY"
+            class="types__StyledButton-sc-ws60qy-0 hVcPdH"
             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 hxvobc"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
             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 cctliY"
+            class="types__StyledButton-sc-ws60qy-0 hVcPdH"
             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 hxvobc"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
             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 cctliY"
+            class="types__StyledButton-sc-ws60qy-0 hVcPdH"
             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 hxvobc"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
             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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cctliY"
+            class="types__StyledButton-sc-ws60qy-0 hVcPdH"
             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 hxvobc"
+            class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
             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 ec9c6def9..59b0c64fd 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
       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 cRiRbv h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 9660e5d8e..a86e87b2c 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 cRiRbv h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 cRiRbv h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 cRiRbv h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           data-align="center"
           data-direction="vertical"
           data-gap="spacious"
diff --git a/src/renderer/components/metrics/MetricGroup.test.tsx b/src/renderer/components/metrics/MetricGroup.test.tsx
index 6be4727f6..c74849a39 100644
--- a/src/renderer/components/metrics/MetricGroup.test.tsx
+++ b/src/renderer/components/metrics/MetricGroup.test.tsx
@@ -1,4 +1,5 @@
 import { render } from '@testing-library/react';
+
 import { mockSettings } from '../../__mocks__/state-mocks';
 import { AppContext } from '../../context/App';
 import type { Milestone } from '../../typesGitHub';
diff --git a/src/renderer/components/metrics/MetricPill.test.tsx b/src/renderer/components/metrics/MetricPill.test.tsx
index ceed253bf..6c3a103ba 100644
--- a/src/renderer/components/metrics/MetricPill.test.tsx
+++ b/src/renderer/components/metrics/MetricPill.test.tsx
@@ -1,5 +1,6 @@
 import { MarkGithubIcon } from '@primer/octicons-react';
 import { render } from '@testing-library/react';
+
 import { IconColor } from '../../types';
 import { type IMetricPill, MetricPill } from './MetricPill';
 
diff --git a/src/renderer/components/metrics/__snapshots__/MetricGroup.test.tsx.snap b/src/renderer/components/metrics/__snapshots__/MetricGroup.test.tsx.snap
index ee8f63db9..eebda89c8 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 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="Linked to issues #1, #2"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="1 comment"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN 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 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="Linked to issues #1, #2"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="1 comment"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN 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 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="Linked to issues #1, #2"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="2 comments"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN 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 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="Linked to issues #1, #2"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="2 comments"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN 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 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="Linked to issues #1, #2"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN 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 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="Linked to issues #1, #2"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN 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 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="Linked to issues #1, #2"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="2 comments"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="🏷️ enhancement
 🏷️ good-first-issue"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN 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 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="Linked to issues #1, #2"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="2 comments"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="🏷️ enhancement
 🏷️ good-first-issue"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN 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 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="Linked to issues #1, #2"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN 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 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="Linked to issues #1, #2"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN 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 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="Linked to issue #1"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN 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 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="Linked to issue #1"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN 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 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="Linked to issues #1, #2"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="2 comments"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="🏷️ enhancement
 🏷️ good-first-issue"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="Milestone 1"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="Linked to issues #1, #2"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="2 comments"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="🏷️ enhancement
 🏷️ good-first-issue"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="Milestone 1"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="Linked to issues #1, #2"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="2 comments"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="🏷️ enhancement
 🏷️ good-first-issue"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               2
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="Milestone 1"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="Linked to issues #1, #2"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="octocat approved these changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="gitify-app requested changes"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             1
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="2 comments"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="🏷️ enhancement
 🏷️ good-first-issue"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
           >
             2
           </span>
         </div>
       </span>
       <span
-        class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="Milestone 1"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 ed3af1f13..04fd64b00 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 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="Mock Pill"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy text-xxs px-1"
+            class="Text-sc-17v1xeu-0 bLmNQN 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 bfuyfM hover:bg-gitify-notification-pill-hover"
+      class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
       title="Mock Pill"
       variant="secondary"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 gfWGMy text-xxs px-1"
+          class="Text-sc-17v1xeu-0 bLmNQN 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 bfuyfM hover:bg-gitify-notification-pill-hover"
+        class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
         title="Mock Pill"
         variant="secondary"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 bfuyfM hover:bg-gitify-notification-pill-hover"
+      class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
       title="Mock Pill"
       variant="secondary"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         data-align="center"
         data-direction="horizontal"
         data-gap="none"
diff --git a/src/renderer/components/notifications/AccountNotifications.test.tsx b/src/renderer/components/notifications/AccountNotifications.test.tsx
index b2a7825dc..c55989cb2 100644
--- a/src/renderer/components/notifications/AccountNotifications.test.tsx
+++ b/src/renderer/components/notifications/AccountNotifications.test.tsx
@@ -1,4 +1,6 @@
-import { act, fireEvent, render, screen } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+
 import {
   mockGitHubCloudAccount,
   mockSettings,
@@ -34,6 +36,7 @@ describe('renderer/components/notifications/AccountNotifications.tsx', () => {
         <AccountNotifications {...props} />
       </AppContext.Provider>,
     );
+
     expect(tree).toMatchSnapshot();
   });
 
@@ -52,6 +55,7 @@ describe('renderer/components/notifications/AccountNotifications.tsx', () => {
         <AccountNotifications {...props} />
       </AppContext.Provider>,
     );
+
     expect(tree).toMatchSnapshot();
   });
 
@@ -68,6 +72,7 @@ describe('renderer/components/notifications/AccountNotifications.tsx', () => {
         <AccountNotifications {...props} />
       </AppContext.Provider>,
     );
+
     expect(tree).toMatchSnapshot();
   });
 
@@ -88,6 +93,7 @@ describe('renderer/components/notifications/AccountNotifications.tsx', () => {
         <AccountNotifications {...props} />
       </AppContext.Provider>,
     );
+
     expect(tree).toMatchSnapshot();
   });
 
@@ -103,15 +109,13 @@ describe('renderer/components/notifications/AccountNotifications.tsx', () => {
       error: null,
     };
 
-    await act(async () => {
-      render(
-        <AppContext.Provider value={{ settings: mockSettings }}>
-          <AccountNotifications {...props} />
-        </AppContext.Provider>,
-      );
-    });
+    render(
+      <AppContext.Provider value={{ settings: mockSettings }}>
+        <AccountNotifications {...props} />
+      </AppContext.Provider>,
+    );
 
-    fireEvent.click(screen.getByTestId('account-profile'));
+    await userEvent.click(screen.getByTestId('account-profile'));
 
     expect(openAccountProfileMock).toHaveBeenCalledTimes(1);
     expect(openAccountProfileMock).toHaveBeenCalledWith(mockGitHubCloudAccount);
@@ -129,15 +133,13 @@ describe('renderer/components/notifications/AccountNotifications.tsx', () => {
       error: null,
     };
 
-    await act(async () => {
-      render(
-        <AppContext.Provider value={{ settings: mockSettings }}>
-          <AccountNotifications {...props} />
-        </AppContext.Provider>,
-      );
-    });
+    render(
+      <AppContext.Provider value={{ settings: mockSettings }}>
+        <AccountNotifications {...props} />
+      </AppContext.Provider>,
+    );
 
-    fireEvent.click(screen.getByTestId('account-issues'));
+    await userEvent.click(screen.getByTestId('account-issues'));
 
     expect(openMyIssuesMock).toHaveBeenCalledTimes(1);
     expect(openMyIssuesMock).toHaveBeenCalledWith(
@@ -157,15 +159,13 @@ describe('renderer/components/notifications/AccountNotifications.tsx', () => {
       error: null,
     };
 
-    await act(async () => {
-      render(
-        <AppContext.Provider value={{ settings: mockSettings }}>
-          <AccountNotifications {...props} />
-        </AppContext.Provider>,
-      );
-    });
+    render(
+      <AppContext.Provider value={{ settings: mockSettings }}>
+        <AccountNotifications {...props} />
+      </AppContext.Provider>,
+    );
 
-    fireEvent.click(screen.getByTestId('account-pull-requests'));
+    await userEvent.click(screen.getByTestId('account-pull-requests'));
 
     expect(openPullRequestsMock).toHaveBeenCalledTimes(1);
     expect(openPullRequestsMock).toHaveBeenCalledWith(
@@ -181,15 +181,13 @@ describe('renderer/components/notifications/AccountNotifications.tsx', () => {
       error: null,
     };
 
-    await act(async () => {
-      render(
-        <AppContext.Provider value={{ settings: mockSettings }}>
-          <AccountNotifications {...props} />
-        </AppContext.Provider>,
-      );
-    });
+    render(
+      <AppContext.Provider value={{ settings: mockSettings }}>
+        <AccountNotifications {...props} />
+      </AppContext.Provider>,
+    );
 
-    fireEvent.click(screen.getByTestId('account-toggle'));
+    await userEvent.click(screen.getByTestId('account-toggle'));
 
     const tree = render(
       <AppContext.Provider value={{ settings: mockSettings }}>
diff --git a/src/renderer/components/notifications/NotificationFooter.test.tsx b/src/renderer/components/notifications/NotificationFooter.test.tsx
index 559721bc1..f7ee60fa8 100644
--- a/src/renderer/components/notifications/NotificationFooter.test.tsx
+++ b/src/renderer/components/notifications/NotificationFooter.test.tsx
@@ -1,4 +1,6 @@
-import { fireEvent, render, screen } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+
 import {
   mockGitHubCloudAccount,
   mockSettings,
@@ -31,6 +33,7 @@ describe('renderer/components/notifications/NotificationFooter.tsx', () => {
         <NotificationFooter {...props} />
       </AppContext.Provider>,
     );
+
     expect(tree).toMatchSnapshot();
   });
 
@@ -51,6 +54,7 @@ describe('renderer/components/notifications/NotificationFooter.tsx', () => {
         <NotificationFooter {...props} />
       </AppContext.Provider>,
     );
+
     expect(tree).toMatchSnapshot();
   });
 
@@ -72,6 +76,7 @@ describe('renderer/components/notifications/NotificationFooter.tsx', () => {
           <NotificationFooter {...props} />
         </AppContext.Provider>,
       );
+
       expect(tree).toMatchSnapshot();
     });
 
@@ -92,6 +97,7 @@ describe('renderer/components/notifications/NotificationFooter.tsx', () => {
           <NotificationFooter {...props} />
         </AppContext.Provider>,
       );
+
       expect(tree).toMatchSnapshot();
     });
   });
@@ -113,10 +119,11 @@ describe('renderer/components/notifications/NotificationFooter.tsx', () => {
         <NotificationFooter {...props} />
       </AppContext.Provider>,
     );
+
     expect(tree).toMatchSnapshot();
   });
 
-  it('should open notification user profile', () => {
+  it('should open notification user profile', async () => {
     const openExternalLinkMock = jest
       .spyOn(comms, 'openExternalLink')
       .mockImplementation();
@@ -149,7 +156,8 @@ describe('renderer/components/notifications/NotificationFooter.tsx', () => {
       </AppContext.Provider>,
     );
 
-    fireEvent.click(screen.getByTestId('view-profile'));
+    await userEvent.click(screen.getByTestId('view-profile'));
+
     expect(openExternalLinkMock).toHaveBeenCalledTimes(1);
     expect(openExternalLinkMock).toHaveBeenCalledWith(
       props.notification.subject.user.html_url,
diff --git a/src/renderer/components/notifications/NotificationHeader.test.tsx b/src/renderer/components/notifications/NotificationHeader.test.tsx
index 9415ba26e..712977216 100644
--- a/src/renderer/components/notifications/NotificationHeader.test.tsx
+++ b/src/renderer/components/notifications/NotificationHeader.test.tsx
@@ -1,4 +1,6 @@
-import { fireEvent, render, screen } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+
 import { mockSettings } from '../../__mocks__/state-mocks';
 import { AppContext } from '../../context/App';
 import { GroupBy } from '../../types';
@@ -23,6 +25,7 @@ describe('renderer/components/notifications/NotificationHeader.tsx', () => {
         <NotificationHeader {...props} />
       </AppContext.Provider>,
     );
+
     expect(tree).toMatchSnapshot();
   });
 
@@ -39,6 +42,7 @@ describe('renderer/components/notifications/NotificationHeader.tsx', () => {
           <NotificationHeader {...props} />
         </AppContext.Provider>,
       );
+
       expect(tree).toMatchSnapshot();
     });
 
@@ -60,6 +64,7 @@ describe('renderer/components/notifications/NotificationHeader.tsx', () => {
           <NotificationHeader {...props} />
         </AppContext.Provider>,
       );
+
       expect(tree).toMatchSnapshot();
     });
 
@@ -78,11 +83,12 @@ describe('renderer/components/notifications/NotificationHeader.tsx', () => {
           <NotificationHeader {...props} />
         </AppContext.Provider>,
       );
+
       expect(tree).toMatchSnapshot();
     });
   });
 
-  it('should open notification user profile - group by date', () => {
+  it('should open notification user profile - group by date', async () => {
     const openExternalLinkMock = jest
       .spyOn(comms, 'openExternalLink')
       .mockImplementation();
@@ -99,7 +105,8 @@ describe('renderer/components/notifications/NotificationHeader.tsx', () => {
       </AppContext.Provider>,
     );
 
-    fireEvent.click(screen.getByTestId('view-repository'));
+    await userEvent.click(screen.getByTestId('view-repository'));
+
     expect(openExternalLinkMock).toHaveBeenCalledTimes(1);
     expect(openExternalLinkMock).toHaveBeenCalledWith(
       props.notification.repository.html_url,
diff --git a/src/renderer/components/notifications/NotificationRow.test.tsx b/src/renderer/components/notifications/NotificationRow.test.tsx
index b440aa1dd..2a47f0c34 100644
--- a/src/renderer/components/notifications/NotificationRow.test.tsx
+++ b/src/renderer/components/notifications/NotificationRow.test.tsx
@@ -1,4 +1,6 @@
-import { fireEvent, render, screen } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+
 import {
   mockAuth,
   mockGitHubCloudAccount,
@@ -36,6 +38,7 @@ describe('renderer/components/notifications/NotificationRow.tsx', () => {
         <NotificationRow {...props} />
       </AppContext.Provider>,
     );
+
     expect(tree).toMatchSnapshot();
   });
 
@@ -56,6 +59,7 @@ describe('renderer/components/notifications/NotificationRow.tsx', () => {
         <NotificationRow {...props} />
       </AppContext.Provider>,
     );
+
     expect(tree).toMatchSnapshot();
   });
 
@@ -76,11 +80,12 @@ describe('renderer/components/notifications/NotificationRow.tsx', () => {
         <NotificationRow {...props} />
       </AppContext.Provider>,
     );
+
     expect(tree).toMatchSnapshot();
   });
 
   describe('notification interactions', () => {
-    it('should open a notification in the browser - click', () => {
+    it('should open a notification in the browser - click', async () => {
       const markNotificationsAsRead = jest.fn();
 
       const props = {
@@ -100,12 +105,13 @@ describe('renderer/components/notifications/NotificationRow.tsx', () => {
         </AppContext.Provider>,
       );
 
-      fireEvent.click(screen.getByTestId('notification-row'));
+      await userEvent.click(screen.getByTestId('notification-row'));
+
       expect(links.openNotification).toHaveBeenCalledTimes(1);
       expect(markNotificationsAsRead).toHaveBeenCalledTimes(1);
     });
 
-    it('should open a notification in the browser - delay notification setting enabled', () => {
+    it('should open a notification in the browser - delay notification setting enabled', async () => {
       const markNotificationsAsRead = jest.fn();
 
       const props = {
@@ -129,12 +135,13 @@ describe('renderer/components/notifications/NotificationRow.tsx', () => {
         </AppContext.Provider>,
       );
 
-      fireEvent.click(screen.getByTestId('notification-row'));
+      await userEvent.click(screen.getByTestId('notification-row'));
+
       expect(links.openNotification).toHaveBeenCalledTimes(1);
       expect(markNotificationsAsRead).toHaveBeenCalledTimes(1);
     });
 
-    it('should open a notification in browser & mark it as done', () => {
+    it('should open a notification in browser & mark it as done', async () => {
       const markNotificationsAsDone = jest.fn();
 
       const props = {
@@ -154,12 +161,13 @@ describe('renderer/components/notifications/NotificationRow.tsx', () => {
         </AppContext.Provider>,
       );
 
-      fireEvent.click(screen.getByTestId('notification-row'));
+      await userEvent.click(screen.getByTestId('notification-row'));
+
       expect(links.openNotification).toHaveBeenCalledTimes(1);
       expect(markNotificationsAsDone).toHaveBeenCalledTimes(1);
     });
 
-    it('should mark notifications as read', () => {
+    it('should mark notifications as read', async () => {
       const markNotificationsAsRead = jest.fn();
 
       const props = {
@@ -178,11 +186,12 @@ describe('renderer/components/notifications/NotificationRow.tsx', () => {
         </AppContext.Provider>,
       );
 
-      fireEvent.click(screen.getByTestId('notification-mark-as-read'));
+      await userEvent.click(screen.getByTestId('notification-mark-as-read'));
+
       expect(markNotificationsAsRead).toHaveBeenCalledTimes(1);
     });
 
-    it('should mark notifications as done', () => {
+    it('should mark notifications as done', async () => {
       const markNotificationsAsDone = jest.fn();
 
       const props = {
@@ -198,11 +207,12 @@ describe('renderer/components/notifications/NotificationRow.tsx', () => {
         </AppContext.Provider>,
       );
 
-      fireEvent.click(screen.getByTestId('notification-mark-as-done'));
+      await userEvent.click(screen.getByTestId('notification-mark-as-done'));
+
       expect(markNotificationsAsDone).toHaveBeenCalledTimes(1);
     });
 
-    it('should unsubscribe from a notification thread', () => {
+    it('should unsubscribe from a notification thread', async () => {
       const unsubscribeNotification = jest.fn();
 
       const props = {
@@ -219,9 +229,11 @@ describe('renderer/components/notifications/NotificationRow.tsx', () => {
           </AppContext.Provider>
         </AppContext.Provider>,
       );
-      fireEvent.click(
+
+      await userEvent.click(
         screen.getByTestId('notification-unsubscribe-from-thread'),
       );
+
       expect(unsubscribeNotification).toHaveBeenCalledTimes(1);
     });
   });
diff --git a/src/renderer/components/notifications/RepositoryNotifications.test.tsx b/src/renderer/components/notifications/RepositoryNotifications.test.tsx
index 72cb19b65..90b725bb9 100644
--- a/src/renderer/components/notifications/RepositoryNotifications.test.tsx
+++ b/src/renderer/components/notifications/RepositoryNotifications.test.tsx
@@ -1,4 +1,6 @@
-import { act, fireEvent, render, screen } from '@testing-library/react';
+import { act, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+
 import {
   mockGitHubCloudAccount,
   mockSettings,
@@ -33,10 +35,11 @@ describe('renderer/components/notifications/RepositoryNotifications.tsx', () =>
         <RepositoryNotifications {...props} />
       </AppContext.Provider>,
     );
+
     expect(tree).toMatchSnapshot();
   });
 
-  it('should open the browser when clicking on the repo name', () => {
+  it('should open the browser when clicking on the repo name', async () => {
     const openExternalLinkMock = jest
       .spyOn(comms, 'openExternalLink')
       .mockImplementation();
@@ -47,7 +50,7 @@ describe('renderer/components/notifications/RepositoryNotifications.tsx', () =>
       </AppContext.Provider>,
     );
 
-    fireEvent.click(screen.getByTestId('open-repository'));
+    await userEvent.click(screen.getByTestId('open-repository'));
 
     expect(openExternalLinkMock).toHaveBeenCalledTimes(1);
     expect(openExternalLinkMock).toHaveBeenCalledWith(
@@ -55,7 +58,7 @@ describe('renderer/components/notifications/RepositoryNotifications.tsx', () =>
     );
   });
 
-  it('should mark a repo as read', () => {
+  it('should mark a repo as read', async () => {
     render(
       <AppContext.Provider
         value={{ settings: { ...mockSettings }, markNotificationsAsRead }}
@@ -64,14 +67,14 @@ describe('renderer/components/notifications/RepositoryNotifications.tsx', () =>
       </AppContext.Provider>,
     );
 
-    fireEvent.click(screen.getByTestId('repository-mark-as-read'));
+    await userEvent.click(screen.getByTestId('repository-mark-as-read'));
 
     expect(markNotificationsAsRead).toHaveBeenCalledWith(
       mockGitHubNotifications,
     );
   });
 
-  it('should mark a repo as done', () => {
+  it('should mark a repo as done', async () => {
     render(
       <AppContext.Provider
         value={{ settings: { ...mockSettings }, markNotificationsAsDone }}
@@ -80,7 +83,7 @@ describe('renderer/components/notifications/RepositoryNotifications.tsx', () =>
       </AppContext.Provider>,
     );
 
-    fireEvent.click(screen.getByTestId('repository-mark-as-done'));
+    await userEvent.click(screen.getByTestId('repository-mark-as-done'));
 
     expect(markNotificationsAsDone).toHaveBeenCalledWith(
       mockGitHubNotifications,
@@ -95,6 +98,7 @@ describe('renderer/components/notifications/RepositoryNotifications.tsx', () =>
         <RepositoryNotifications {...props} />
       </AppContext.Provider>,
     );
+
     expect(tree).toMatchSnapshot();
   });
 
@@ -103,7 +107,7 @@ describe('renderer/components/notifications/RepositoryNotifications.tsx', () =>
       render(<RepositoryNotifications {...props} />);
     });
 
-    fireEvent.click(screen.getByTestId('repository-toggle'));
+    await userEvent.click(screen.getByTestId('repository-toggle'));
 
     const tree = render(<RepositoryNotifications {...props} />);
     expect(tree).toMatchSnapshot();
diff --git a/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap
index aaa3b4f20..4c1ccf8f0 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 cRiRbv relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 cNXQpH"
+              class="Box-sc-g0xbh4-0 jJSkGI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 bYVpTh"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 cXMicm"
                     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 cocpco"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -65,20 +65,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 </div>
               </span>
               <span
-                class="Box-sc-g0xbh4-0 hLQYlN"
+                class="Box-sc-g0xbh4-0 hbMXXO"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 hVxEtk"
+                  class="Box-sc-g0xbh4-0 jqVFcX"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   0
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cIgKqS"
                 >
                    (
                   0
@@ -88,7 +88,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             </span>
           </button>
           <div
-            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"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 cRiRbv relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+          class="types__StyledButton-sc-ws60qy-0 gbYXLg"
           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 cNXQpH"
+            class="Box-sc-g0xbh4-0 jJSkGI"
             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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 bYVpTh"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 cXMicm"
                   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 cocpco"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                   maxwidth="280"
                   title="@octocat"
                 >
@@ -304,20 +304,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               </div>
             </span>
             <span
-              class="Box-sc-g0xbh4-0 hLQYlN"
+              class="Box-sc-g0xbh4-0 hbMXXO"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 hVxEtk"
+                class="Box-sc-g0xbh4-0 jqVFcX"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 0
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cIgKqS"
               >
                  (
                 0
@@ -327,7 +327,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           </span>
         </button>
         <div
-          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"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 cRiRbv"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
       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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 cNXQpH"
+              class="Box-sc-g0xbh4-0 jJSkGI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 bYVpTh"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 cXMicm"
                     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 cocpco"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -600,20 +600,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 </div>
               </span>
               <span
-                class="Box-sc-g0xbh4-0 hLQYlN"
+                class="Box-sc-g0xbh4-0 hbMXXO"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 hVxEtk"
+                  class="Box-sc-g0xbh4-0 jqVFcX"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cIgKqS"
                 >
                    (
                   2
@@ -623,7 +623,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             </span>
           </button>
           <div
-            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"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 cRiRbv relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 iTeBSL tooltipped-e"
+            class="Tooltip__TooltipBase-sc-17tf59c-0 ezknIY 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 cRiRbv cursor-pointer text-sm w-full truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 cRiRbv"
+                    class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                     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 cQsrln"
+                      class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
                       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 cocpco"
+                      class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                       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 cRiRbv mb-0.5 truncate"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gfWGMy truncate"
+                class="Text-sc-17v1xeu-0 bLmNQN truncate"
               >
                 I am a robot and this is a test!
               </span>
               <span
-                class="Text-sc-17v1xeu-0 gfWGMy text-xxs ml-auto mr-2 opacity-50 hidden"
+                class="Text-sc-17v1xeu-0 bLmNQN text-xxs ml-auto mr-2 opacity-50 hidden"
               />
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-xs opacity-80"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 cQsrln"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
                     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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 gfWGMy pr-1"
+                  class="Text-sc-17v1xeu-0 bLmNQN pr-1"
                   title="You're watching the repository."
                 >
                   Updated
                 </span>
                 <relative-time
-                  class="sc-Qotzb"
+                  class="sc-bXdtCk"
                   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 bfuyfM hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
                   title="octocat approved these changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+                    class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                     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 gfWGMy text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
                     >
                       1
                     </span>
                   </div>
                 </span>
                 <span
-                  class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
                   title="gitify-app requested changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+                    class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                     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 gfWGMy text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 bLmNQN 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 cRiRbv 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 oXGHI 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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 cRiRbv relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 iTeBSL tooltipped-e"
+            class="Tooltip__TooltipBase-sc-17tf59c-0 ezknIY 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 cRiRbv cursor-pointer text-sm w-full truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 cRiRbv"
+                    class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                     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 cQsrln"
+                      class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
                       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 cocpco"
+                      class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                       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 cRiRbv mb-0.5 truncate"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gfWGMy truncate"
+                class="Text-sc-17v1xeu-0 bLmNQN truncate"
               >
                 Improve the UI
               </span>
               <span
-                class="Text-sc-17v1xeu-0 gfWGMy text-xxs ml-auto mr-2 opacity-50 hidden"
+                class="Text-sc-17v1xeu-0 bLmNQN text-xxs ml-auto mr-2 opacity-50 hidden"
               />
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-xs opacity-80"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 gfWGMy pr-1"
+                  class="Text-sc-17v1xeu-0 bLmNQN pr-1"
                   title="You created the thread."
                 >
                   Authored
                 </span>
                 <relative-time
-                  class="sc-Qotzb"
+                  class="sc-bXdtCk"
                   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 cRiRbv 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 oXGHI 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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 cRiRbv relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+          class="types__StyledButton-sc-ws60qy-0 gbYXLg"
           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 cNXQpH"
+            class="Box-sc-g0xbh4-0 jJSkGI"
             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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 bYVpTh"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 cXMicm"
                   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 cocpco"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                   maxwidth="280"
                   title="@octocat"
                 >
@@ -1433,20 +1433,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               </div>
             </span>
             <span
-              class="Box-sc-g0xbh4-0 hLQYlN"
+              class="Box-sc-g0xbh4-0 hbMXXO"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 hVxEtk"
+                class="Box-sc-g0xbh4-0 jqVFcX"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 2
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cIgKqS"
               >
                  (
                 2
@@ -1456,7 +1456,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           </span>
         </button>
         <div
-          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"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 cRiRbv relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 iTeBSL tooltipped-e"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 ezknIY 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 cRiRbv cursor-pointer text-sm w-full truncate"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 cQsrln"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
                     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 cocpco"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                     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 cRiRbv mb-0.5 truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gfWGMy truncate"
+              class="Text-sc-17v1xeu-0 bLmNQN truncate"
             >
               I am a robot and this is a test!
             </span>
             <span
-              class="Text-sc-17v1xeu-0 gfWGMy text-xxs ml-auto mr-2 opacity-50 hidden"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs ml-auto mr-2 opacity-50 hidden"
             />
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-xs opacity-80"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 cQsrln"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
                   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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 gfWGMy pr-1"
+                class="Text-sc-17v1xeu-0 bLmNQN pr-1"
                 title="You're watching the repository."
               >
                 Updated
               </span>
               <relative-time
-                class="sc-Qotzb"
+                class="sc-bXdtCk"
                 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 bfuyfM hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
                 title="octocat approved these changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
                   >
                     1
                   </span>
                 </div>
               </span>
               <span
-                class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
                 title="gitify-app requested changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 bLmNQN 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 cRiRbv 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 oXGHI 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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 cRiRbv relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 iTeBSL tooltipped-e"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 ezknIY 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 cRiRbv cursor-pointer text-sm w-full truncate"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 cQsrln"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
                     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 cocpco"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                     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 cRiRbv mb-0.5 truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gfWGMy truncate"
+              class="Text-sc-17v1xeu-0 bLmNQN truncate"
             >
               Improve the UI
             </span>
             <span
-              class="Text-sc-17v1xeu-0 gfWGMy text-xxs ml-auto mr-2 opacity-50 hidden"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs ml-auto mr-2 opacity-50 hidden"
             />
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-xs opacity-80"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 gfWGMy pr-1"
+                class="Text-sc-17v1xeu-0 bLmNQN pr-1"
                 title="You created the thread."
               >
                 Authored
               </span>
               <relative-time
-                class="sc-Qotzb"
+                class="sc-bXdtCk"
                 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 cRiRbv 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 oXGHI 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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 cRiRbv relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 cNXQpH"
+              class="Box-sc-g0xbh4-0 jJSkGI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 bYVpTh"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 cXMicm"
                     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 cocpco"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -2323,20 +2323,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 </div>
               </span>
               <span
-                class="Box-sc-g0xbh4-0 hLQYlN"
+                class="Box-sc-g0xbh4-0 hbMXXO"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 hVxEtk"
+                  class="Box-sc-g0xbh4-0 jqVFcX"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cIgKqS"
                 >
                    (
                   2
@@ -2346,7 +2346,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             </span>
           </button>
           <div
-            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"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 cRiRbv relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+          class="types__StyledButton-sc-ws60qy-0 gbYXLg"
           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 cNXQpH"
+            class="Box-sc-g0xbh4-0 jJSkGI"
             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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 bYVpTh"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 cXMicm"
                   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 cocpco"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                   maxwidth="280"
                   title="@octocat"
                 >
@@ -2516,20 +2516,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               </div>
             </span>
             <span
-              class="Box-sc-g0xbh4-0 hLQYlN"
+              class="Box-sc-g0xbh4-0 hbMXXO"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 hVxEtk"
+                class="Box-sc-g0xbh4-0 jqVFcX"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 2
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cIgKqS"
               >
                  (
                 2
@@ -2539,7 +2539,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           </span>
         </button>
         <div
-          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"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 cRiRbv relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 cNXQpH"
+              class="Box-sc-g0xbh4-0 jJSkGI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 bYVpTh"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 cXMicm"
                     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 cocpco"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -2766,20 +2766,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 </div>
               </span>
               <span
-                class="Box-sc-g0xbh4-0 hLQYlN"
+                class="Box-sc-g0xbh4-0 hbMXXO"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 hVxEtk"
+                  class="Box-sc-g0xbh4-0 jqVFcX"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   0
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cIgKqS"
                 >
                    (
                   0
@@ -2789,7 +2789,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             </span>
           </button>
           <div
-            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"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 cRiRbv relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+          class="types__StyledButton-sc-ws60qy-0 gbYXLg"
           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 cNXQpH"
+            class="Box-sc-g0xbh4-0 jJSkGI"
             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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 bYVpTh"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 cXMicm"
                   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 cocpco"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                   maxwidth="280"
                   title="@octocat"
                 >
@@ -3000,20 +3000,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               </div>
             </span>
             <span
-              class="Box-sc-g0xbh4-0 hLQYlN"
+              class="Box-sc-g0xbh4-0 hbMXXO"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 hVxEtk"
+                class="Box-sc-g0xbh4-0 jqVFcX"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 0
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cIgKqS"
               >
                  (
                 0
@@ -3023,7 +3023,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
           </span>
         </button>
         <div
-          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"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 cRiRbv"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
       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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 cNXQpH"
+              class="Box-sc-g0xbh4-0 jJSkGI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 bYVpTh"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 cXMicm"
                     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 cocpco"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -3291,20 +3291,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
                 </div>
               </span>
               <span
-                class="Box-sc-g0xbh4-0 hLQYlN"
+                class="Box-sc-g0xbh4-0 hbMXXO"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 hVxEtk"
+                  class="Box-sc-g0xbh4-0 jqVFcX"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cIgKqS"
                 >
                    (
                   2
@@ -3314,7 +3314,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
             </span>
           </button>
           <div
-            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"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 cRiRbv relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 cNXQpH"
+              class="Box-sc-g0xbh4-0 jJSkGI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 bYVpTh"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 cXMicm"
                     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 cocpco"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                     maxwidth="280"
                     title="@octocat"
                   >
@@ -3480,20 +3480,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
                 </div>
               </span>
               <span
-                class="Box-sc-g0xbh4-0 hLQYlN"
+                class="Box-sc-g0xbh4-0 hbMXXO"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 hVxEtk"
+                  class="Box-sc-g0xbh4-0 jqVFcX"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cIgKqS"
                 >
                    (
                   2
@@ -3503,7 +3503,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
             </span>
           </button>
           <div
-            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"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 cRiRbv relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+          class="types__StyledButton-sc-ws60qy-0 gbYXLg"
           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 cNXQpH"
+            class="Box-sc-g0xbh4-0 jJSkGI"
             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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 bYVpTh"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 cXMicm"
                   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 cocpco"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                   maxwidth="280"
                   title="@octocat"
                 >
@@ -3673,20 +3673,20 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
               </div>
             </span>
             <span
-              class="Box-sc-g0xbh4-0 hLQYlN"
+              class="Box-sc-g0xbh4-0 hbMXXO"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 hVxEtk"
+                class="Box-sc-g0xbh4-0 jqVFcX"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 2
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cIgKqS"
               >
                  (
                 2
@@ -3696,7 +3696,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
           </span>
         </button>
         <div
-          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"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 24de34692..4228ab7bb 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 cRiRbv text-xs opacity-80"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 cQsrln"
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
               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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy pr-1"
+            class="Text-sc-17v1xeu-0 bLmNQN pr-1"
             title="You're watching the repository."
           >
             Updated
           </span>
           <relative-time
-            class="sc-Qotzb"
+            class="sc-bXdtCk"
             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 bfuyfM hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
             title="octocat approved these changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 gfWGMy text-xxs px-1"
+                class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
               >
                 1
               </span>
             </div>
           </span>
           <span
-            class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
             title="gitify-app requested changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 gfWGMy text-xxs px-1"
+                class="Text-sc-17v1xeu-0 bLmNQN 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 cRiRbv text-xs opacity-80"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cQsrln"
+            class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
             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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 gfWGMy pr-1"
+          class="Text-sc-17v1xeu-0 bLmNQN pr-1"
           title="You're watching the repository."
         >
           Updated
         </span>
         <relative-time
-          class="sc-Qotzb"
+          class="sc-bXdtCk"
           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 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN 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 cRiRbv text-xs opacity-80"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 cQsrln"
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
               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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy pr-1"
+            class="Text-sc-17v1xeu-0 bLmNQN pr-1"
             title="You're watching the repository."
           >
             Updated
           </span>
           <relative-time
-            class="sc-Qotzb"
+            class="sc-bXdtCk"
             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 bfuyfM hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
             title="octocat approved these changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 gfWGMy text-xxs px-1"
+                class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
               >
                 1
               </span>
             </div>
           </span>
           <span
-            class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
             title="gitify-app requested changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 gfWGMy text-xxs px-1"
+                class="Text-sc-17v1xeu-0 bLmNQN 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 cRiRbv text-xs opacity-80"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cQsrln"
+            class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
             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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 gfWGMy pr-1"
+          class="Text-sc-17v1xeu-0 bLmNQN pr-1"
           title="You're watching the repository."
         >
           Updated
         </span>
         <relative-time
-          class="sc-Qotzb"
+          class="sc-bXdtCk"
           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 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN 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 cRiRbv text-xs opacity-80"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy pr-1"
+            class="Text-sc-17v1xeu-0 bLmNQN pr-1"
             title="You're watching the repository."
           >
             Updated
           </span>
           <relative-time
-            class="sc-Qotzb"
+            class="sc-bXdtCk"
             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 bfuyfM hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
             title="octocat approved these changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 gfWGMy text-xxs px-1"
+                class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
               >
                 1
               </span>
             </div>
           </span>
           <span
-            class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
             title="gitify-app requested changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 gfWGMy text-xxs px-1"
+                class="Text-sc-17v1xeu-0 bLmNQN 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 cRiRbv text-xs opacity-80"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 gfWGMy pr-1"
+          class="Text-sc-17v1xeu-0 bLmNQN pr-1"
           title="You're watching the repository."
         >
           Updated
         </span>
         <relative-time
-          class="sc-Qotzb"
+          class="sc-bXdtCk"
           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 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN 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 cRiRbv text-xs opacity-80"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 cQsrln"
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
               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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy pr-1"
+            class="Text-sc-17v1xeu-0 bLmNQN pr-1"
             title="You're watching the repository."
           >
             Updated
           </span>
           <relative-time
-            class="sc-Qotzb"
+            class="sc-bXdtCk"
             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 bfuyfM hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
             title="octocat approved these changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 gfWGMy text-xxs px-1"
+                class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
               >
                 1
               </span>
             </div>
           </span>
           <span
-            class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
             title="gitify-app requested changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 gfWGMy text-xxs px-1"
+                class="Text-sc-17v1xeu-0 bLmNQN 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 cRiRbv text-xs opacity-80"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cQsrln"
+            class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
             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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 gfWGMy pr-1"
+          class="Text-sc-17v1xeu-0 bLmNQN pr-1"
           title="You're watching the repository."
         >
           Updated
         </span>
         <relative-time
-          class="sc-Qotzb"
+          class="sc-bXdtCk"
           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 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN 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 cRiRbv text-xs opacity-80"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 cQsrln"
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
               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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy pr-1"
+            class="Text-sc-17v1xeu-0 bLmNQN pr-1"
             title="You're watching the repository."
           >
             Updated
           </span>
           <relative-time
-            class="sc-Qotzb"
+            class="sc-bXdtCk"
             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 bfuyfM hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
             title="octocat approved these changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 gfWGMy text-xxs px-1"
+                class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
               >
                 1
               </span>
             </div>
           </span>
           <span
-            class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+            class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
             title="gitify-app requested changes"
             variant="secondary"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 gfWGMy text-xxs px-1"
+                class="Text-sc-17v1xeu-0 bLmNQN 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 cRiRbv text-xs opacity-80"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cQsrln"
+            class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
             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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 gfWGMy pr-1"
+          class="Text-sc-17v1xeu-0 bLmNQN pr-1"
           title="You're watching the repository."
         >
           Updated
         </span>
         <relative-time
-          class="sc-Qotzb"
+          class="sc-bXdtCk"
           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 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="octocat approved these changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
             >
               1
             </span>
           </div>
         </span>
         <span
-          class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+          class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
           title="gitify-app requested changes"
           variant="secondary"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy text-xxs px-1"
+              class="Text-sc-17v1xeu-0 bLmNQN 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 64698d0fd..019695dda 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 cQsrln"
+                class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
                 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 cocpco"
+                class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 cQsrln"
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
               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 cocpco"
+              class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
               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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 cQsrln"
+                class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
                 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 cocpco"
+                class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 cQsrln"
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
               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 cocpco"
+              class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
               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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 cQsrln"
+                class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
                 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 cocpco"
+                class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 cQsrln"
+              class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
               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 cocpco"
+              class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
               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 da457bbcb..ec8f2b9e2 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 cRiRbv relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 iTeBSL tooltipped-e"
+            class="Tooltip__TooltipBase-sc-17tf59c-0 ezknIY 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 cRiRbv cursor-pointer text-sm w-full truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 cRiRbv"
+                    class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                     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 cQsrln"
+                      class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
                       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 cocpco"
+                      class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                       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 cRiRbv mb-0.5 truncate"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gfWGMy truncate"
+                class="Text-sc-17v1xeu-0 bLmNQN truncate"
               >
                 I am a robot and this is a test!
               </span>
               <span
-                class="Text-sc-17v1xeu-0 gfWGMy text-xxs ml-auto mr-2 opacity-50 hidden"
+                class="Text-sc-17v1xeu-0 bLmNQN text-xxs ml-auto mr-2 opacity-50 hidden"
               />
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-xs opacity-80"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 cQsrln"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
                     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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 gfWGMy pr-1"
+                  class="Text-sc-17v1xeu-0 bLmNQN pr-1"
                   title="You're watching the repository."
                 >
                   Updated
                 </span>
                 <relative-time
-                  class="sc-Qotzb"
+                  class="sc-bXdtCk"
                   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 bfuyfM hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
                   title="octocat approved these changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+                    class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                     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 gfWGMy text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
                     >
                       1
                     </span>
                   </div>
                 </span>
                 <span
-                  class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
                   title="gitify-app requested changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+                    class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                     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 gfWGMy text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 bLmNQN 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 cRiRbv 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 oXGHI 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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 cRiRbv relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 iTeBSL tooltipped-e"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 ezknIY 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 cRiRbv cursor-pointer text-sm w-full truncate"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 cQsrln"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
                     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 cocpco"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                     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 cRiRbv mb-0.5 truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gfWGMy truncate"
+              class="Text-sc-17v1xeu-0 bLmNQN truncate"
             >
               I am a robot and this is a test!
             </span>
             <span
-              class="Text-sc-17v1xeu-0 gfWGMy text-xxs ml-auto mr-2 opacity-50 hidden"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs ml-auto mr-2 opacity-50 hidden"
             />
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-xs opacity-80"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 cQsrln"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
                   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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 gfWGMy pr-1"
+                class="Text-sc-17v1xeu-0 bLmNQN pr-1"
                 title="You're watching the repository."
               >
                 Updated
               </span>
               <relative-time
-                class="sc-Qotzb"
+                class="sc-bXdtCk"
                 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 bfuyfM hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
                 title="octocat approved these changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
                   >
                     1
                   </span>
                 </div>
               </span>
               <span
-                class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
                 title="gitify-app requested changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 bLmNQN 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 cRiRbv 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 oXGHI 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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 cRiRbv relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 iTeBSL tooltipped-e"
+            class="Tooltip__TooltipBase-sc-17tf59c-0 ezknIY 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 cRiRbv cursor-pointer text-sm w-full truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv mb-0.5 truncate"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gfWGMy truncate"
+                class="Text-sc-17v1xeu-0 bLmNQN truncate"
               >
                 I am a robot and this is a test!
               </span>
               <span
-                class="Text-sc-17v1xeu-0 gfWGMy text-xxs ml-auto mr-2 opacity-50"
+                class="Text-sc-17v1xeu-0 bLmNQN text-xxs ml-auto mr-2 opacity-50"
               />
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-xs opacity-80"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 cQsrln"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
                     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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 gfWGMy pr-1"
+                  class="Text-sc-17v1xeu-0 bLmNQN pr-1"
                   title="You're watching the repository."
                 >
                   Updated
                 </span>
                 <relative-time
-                  class="sc-Qotzb"
+                  class="sc-bXdtCk"
                   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 bfuyfM hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
                   title="octocat approved these changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+                    class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                     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 gfWGMy text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
                     >
                       1
                     </span>
                   </div>
                 </span>
                 <span
-                  class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
                   title="gitify-app requested changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+                    class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                     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 gfWGMy text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 bLmNQN 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 cRiRbv 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 oXGHI 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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 cRiRbv relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 iTeBSL tooltipped-e"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 ezknIY 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 cRiRbv cursor-pointer text-sm w-full truncate"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv mb-0.5 truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gfWGMy truncate"
+              class="Text-sc-17v1xeu-0 bLmNQN truncate"
             >
               I am a robot and this is a test!
             </span>
             <span
-              class="Text-sc-17v1xeu-0 gfWGMy text-xxs ml-auto mr-2 opacity-50"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs ml-auto mr-2 opacity-50"
             />
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-xs opacity-80"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 cQsrln"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
                   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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 gfWGMy pr-1"
+                class="Text-sc-17v1xeu-0 bLmNQN pr-1"
                 title="You're watching the repository."
               >
                 Updated
               </span>
               <relative-time
-                class="sc-Qotzb"
+                class="sc-bXdtCk"
                 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 bfuyfM hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
                 title="octocat approved these changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
                   >
                     1
                   </span>
                 </div>
               </span>
               <span
-                class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
                 title="gitify-app requested changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 bLmNQN 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 cRiRbv 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 oXGHI 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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 cRiRbv relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 iTeBSL tooltipped-e"
+            class="Tooltip__TooltipBase-sc-17tf59c-0 ezknIY 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 cRiRbv cursor-pointer text-sm w-full truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv mb-0.5 truncate"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gfWGMy truncate"
+                class="Text-sc-17v1xeu-0 bLmNQN truncate"
               >
                 I am a robot and this is a test!
               </span>
               <span
-                class="Text-sc-17v1xeu-0 gfWGMy text-xxs ml-auto mr-2 opacity-50 hidden"
+                class="Text-sc-17v1xeu-0 bLmNQN text-xxs ml-auto mr-2 opacity-50 hidden"
               />
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-xs opacity-80"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 cQsrln"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
                     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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 gfWGMy pr-1"
+                  class="Text-sc-17v1xeu-0 bLmNQN pr-1"
                   title="You're watching the repository."
                 >
                   Updated
                 </span>
                 <relative-time
-                  class="sc-Qotzb"
+                  class="sc-bXdtCk"
                   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 bfuyfM hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
                   title="octocat approved these changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+                    class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                     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 gfWGMy text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
                     >
                       1
                     </span>
                   </div>
                 </span>
                 <span
-                  class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+                  class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
                   title="gitify-app requested changes"
                   variant="secondary"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+                    class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                     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 gfWGMy text-xxs px-1"
+                      class="Text-sc-17v1xeu-0 bLmNQN 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 cRiRbv 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 oXGHI 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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 cRiRbv relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 iTeBSL tooltipped-e"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 ezknIY 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 cRiRbv cursor-pointer text-sm w-full truncate"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv mb-0.5 truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gfWGMy truncate"
+              class="Text-sc-17v1xeu-0 bLmNQN truncate"
             >
               I am a robot and this is a test!
             </span>
             <span
-              class="Text-sc-17v1xeu-0 gfWGMy text-xxs ml-auto mr-2 opacity-50 hidden"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xxs ml-auto mr-2 opacity-50 hidden"
             />
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-xs opacity-80"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 cQsrln"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 kgCEBA"
                   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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 gfWGMy pr-1"
+                class="Text-sc-17v1xeu-0 bLmNQN pr-1"
                 title="You're watching the repository."
               >
                 Updated
               </span>
               <relative-time
-                class="sc-Qotzb"
+                class="sc-bXdtCk"
                 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 bfuyfM hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
                 title="octocat approved these changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 bLmNQN text-xxs px-1"
                   >
                     1
                   </span>
                 </div>
               </span>
               <span
-                class="Label__StyledLabel-sc-1dgcne-0 bfuyfM hover:bg-gitify-notification-pill-hover"
+                class="Label__StyledLabel-sc-1dgcne-0 iMIKon hover:bg-gitify-notification-pill-hover"
                 title="gitify-app requested changes"
                 variant="secondary"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy text-xxs px-1"
+                    class="Text-sc-17v1xeu-0 bLmNQN 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 cRiRbv 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 oXGHI 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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 be6c9eba1..48a5831cf 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 cRiRbv relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 cNXQpH"
+              class="Box-sc-g0xbh4-0 jJSkGI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 isNHDH"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 eEhojg"
                     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 cocpco"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                     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 hLQYlN"
+                class="Box-sc-g0xbh4-0 hbMXXO"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 hVxEtk"
+                  class="Box-sc-g0xbh4-0 jqVFcX"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cIgKqS"
                 >
                    (
                   2
@@ -88,7 +88,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
             </span>
           </button>
           <div
-            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"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 cRiRbv relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+          class="types__StyledButton-sc-ws60qy-0 gbYXLg"
           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 cNXQpH"
+            class="Box-sc-g0xbh4-0 jJSkGI"
             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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 isNHDH"
+                  class="Avatar__StyledAvatar-sc-2lv0r8-0 eEhojg"
                   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 cocpco"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                   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 hLQYlN"
+              class="Box-sc-g0xbh4-0 hbMXXO"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 hVxEtk"
+                class="Box-sc-g0xbh4-0 jqVFcX"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 2
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cIgKqS"
               >
                  (
                 2
@@ -281,7 +281,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
           </span>
         </button>
         <div
-          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"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 cRiRbv relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 cNXQpH"
+              class="Box-sc-g0xbh4-0 jJSkGI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 cocpco"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                     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 hLQYlN"
+                class="Box-sc-g0xbh4-0 hbMXXO"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 hVxEtk"
+                  class="Box-sc-g0xbh4-0 jqVFcX"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cIgKqS"
                 >
                    (
                   2
@@ -537,7 +537,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
             </span>
           </button>
           <div
-            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"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 cRiRbv relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 cNXQpH"
+              class="Box-sc-g0xbh4-0 jJSkGI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 cocpco"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                     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 hLQYlN"
+                class="Box-sc-g0xbh4-0 hbMXXO"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 hVxEtk"
+                  class="Box-sc-g0xbh4-0 jqVFcX"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cIgKqS"
                 >
                    (
                   2
@@ -729,7 +729,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
             </span>
           </button>
           <div
-            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"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 cRiRbv relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+          class="types__StyledButton-sc-ws60qy-0 gbYXLg"
           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 cNXQpH"
+            class="Box-sc-g0xbh4-0 jJSkGI"
             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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 cocpco"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                   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 hLQYlN"
+              class="Box-sc-g0xbh4-0 hbMXXO"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 hVxEtk"
+                class="Box-sc-g0xbh4-0 jqVFcX"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 2
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cIgKqS"
               >
                  (
                 2
@@ -928,7 +928,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
           </span>
         </button>
         <div
-          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"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 cRiRbv relative"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 cNXQpH"
+              class="Box-sc-g0xbh4-0 jJSkGI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 cocpco"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                     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 hLQYlN"
+                class="Box-sc-g0xbh4-0 hbMXXO"
                 data-component="trailingVisual"
                 sx="[object Object]"
               >
                 <span
                   aria-hidden="true"
-                  class="Box-sc-g0xbh4-0 hVxEtk"
+                  class="Box-sc-g0xbh4-0 jqVFcX"
                   data-component="ButtonCounter"
                   sx="[object Object]"
                 >
                   2
                 </span>
                 <span
-                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
+                  class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cIgKqS"
                 >
                    (
                   2
@@ -1184,7 +1184,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
             </span>
           </button>
           <div
-            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"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 cRiRbv relative"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+          class="types__StyledButton-sc-ws60qy-0 gbYXLg"
           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 cNXQpH"
+            class="Box-sc-g0xbh4-0 jJSkGI"
             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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 cocpco"
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                   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 hLQYlN"
+              class="Box-sc-g0xbh4-0 hbMXXO"
               data-component="trailingVisual"
               sx="[object Object]"
             >
               <span
                 aria-hidden="true"
-                class="Box-sc-g0xbh4-0 hVxEtk"
+                class="Box-sc-g0xbh4-0 jqVFcX"
                 data-component="ButtonCounter"
                 sx="[object Object]"
               >
                 2
               </span>
               <span
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 dfHTSJ"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 cIgKqS"
               >
                  (
                 2
@@ -1383,7 +1383,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
           </span>
         </button>
         <div
-          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"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
diff --git a/src/renderer/components/primitives/CustomCounter.test.tsx b/src/renderer/components/primitives/CustomCounter.test.tsx
index 60239b859..d477615c5 100644
--- a/src/renderer/components/primitives/CustomCounter.test.tsx
+++ b/src/renderer/components/primitives/CustomCounter.test.tsx
@@ -1,4 +1,5 @@
 import { render } from '@testing-library/react';
+
 import { CustomCounter } from './CustomCounter';
 
 describe('renderer/components/primitives/CustomCounter.tsx', () => {
diff --git a/src/renderer/components/primitives/EmojiText.test.tsx b/src/renderer/components/primitives/EmojiText.test.tsx
index a0d21a4bc..9363554e8 100644
--- a/src/renderer/components/primitives/EmojiText.test.tsx
+++ b/src/renderer/components/primitives/EmojiText.test.tsx
@@ -1,4 +1,5 @@
 import { render } from '@testing-library/react';
+
 import { EmojiText, type IEmojiText } from './EmojiText';
 
 describe('renderer/components/primitives/EmojiText.tsx', () => {
diff --git a/src/renderer/components/primitives/Footer.test.tsx b/src/renderer/components/primitives/Footer.test.tsx
index 77e713abd..e932c704e 100644
--- a/src/renderer/components/primitives/Footer.test.tsx
+++ b/src/renderer/components/primitives/Footer.test.tsx
@@ -1,4 +1,5 @@
 import { render } from '@testing-library/react';
+
 import { Footer } from './Footer';
 
 describe('renderer/components/primitives/Footer.tsx', () => {
diff --git a/src/renderer/components/primitives/Header.test.tsx b/src/renderer/components/primitives/Header.test.tsx
index 50ad7c581..ffc23ac5b 100644
--- a/src/renderer/components/primitives/Header.test.tsx
+++ b/src/renderer/components/primitives/Header.test.tsx
@@ -1,5 +1,7 @@
 import { MarkGithubIcon } from '@primer/octicons-react';
-import { fireEvent, render, screen } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+
 import { AppContext } from '../../context/App';
 import { Header } from './Header';
 
@@ -22,15 +24,15 @@ describe('renderer/components/primitives/Header.tsx', () => {
     expect(tree).toMatchSnapshot();
   });
 
-  it('should navigate back', () => {
+  it('should navigate back', async () => {
     render(<Header icon={MarkGithubIcon}>Test Header</Header>);
 
-    fireEvent.click(screen.getByTestId('header-nav-back'));
+    await userEvent.click(screen.getByTestId('header-nav-back'));
 
     expect(mockNavigate).toHaveBeenNthCalledWith(1, -1);
   });
 
-  it('should navigate back and fetch notifications', () => {
+  it('should navigate back and fetch notifications', async () => {
     render(
       <AppContext.Provider
         value={{
@@ -43,7 +45,7 @@ describe('renderer/components/primitives/Header.tsx', () => {
       </AppContext.Provider>,
     );
 
-    fireEvent.click(screen.getByTestId('header-nav-back'));
+    await userEvent.click(screen.getByTestId('header-nav-back'));
 
     expect(mockNavigate).toHaveBeenNthCalledWith(1, -1);
     expect(fetchNotifications).toHaveBeenCalledTimes(1);
diff --git a/src/renderer/components/primitives/HoverButton.test.tsx b/src/renderer/components/primitives/HoverButton.test.tsx
index a09534dc5..be4606262 100644
--- a/src/renderer/components/primitives/HoverButton.test.tsx
+++ b/src/renderer/components/primitives/HoverButton.test.tsx
@@ -1,5 +1,6 @@
 import { MarkGithubIcon } from '@primer/octicons-react';
 import { render } from '@testing-library/react';
+
 import { HoverButton } from './HoverButton';
 
 describe('renderer/components/primitives/HoverButton.tsx', () => {
diff --git a/src/renderer/components/primitives/HoverGroup.test.tsx b/src/renderer/components/primitives/HoverGroup.test.tsx
index 5ab612f3a..c8fc8bd9a 100644
--- a/src/renderer/components/primitives/HoverGroup.test.tsx
+++ b/src/renderer/components/primitives/HoverGroup.test.tsx
@@ -1,4 +1,5 @@
 import { render } from '@testing-library/react';
+
 import { HoverGroup } from './HoverGroup';
 
 describe('renderer/components/primitives/HoverGroup.tsx', () => {
diff --git a/src/renderer/components/primitives/Title.test.tsx b/src/renderer/components/primitives/Title.test.tsx
index e20d60fd5..647f863be 100644
--- a/src/renderer/components/primitives/Title.test.tsx
+++ b/src/renderer/components/primitives/Title.test.tsx
@@ -1,5 +1,6 @@
 import { PersonFillIcon } from '@primer/octicons-react';
 import { render } from '@testing-library/react';
+
 import { Title } from './Title';
 
 describe('renderer/routes/components/primitives/Title.tsx', () => {
diff --git a/src/renderer/components/primitives/__snapshots__/CustomCounter.test.tsx.snap b/src/renderer/components/primitives/__snapshots__/CustomCounter.test.tsx.snap
index c605f1ca5..4047cbc90 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 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"
+        class="Text-sc-17v1xeu-0 bLmNQN px-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 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"
+      class="Text-sc-17v1xeu-0 bLmNQN px-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 d4f2b6da1..d28b6d801 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 517c8bee8..e263e8d8a 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 dCpCSu"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 iNQihF"
                   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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 gVycBz"
+          class="types__StyledButton-sc-ws60qy-0 gbYXLg"
           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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 dCpCSu"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 iNQihF"
                 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 f1e35bb58..e457de1a1 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 gVycBz"
+        class="types__StyledButton-sc-ws60qy-0 gbYXLg"
         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 gVycBz"
+      class="types__StyledButton-sc-ws60qy-0 gbYXLg"
       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 9ba17efee..297877637 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 cRiRbv absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv absolute right-0 h-full opacity-0 transition-opacity group-hover:opacity-100 group-hover:bg-gitify-repository"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 dea87ff5b..148686c41 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 Nyvxf"
+          class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
           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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 faAIqG"
+          class="Heading__StyledHeading-sc-1c1dgg0-0 hpFcJt"
           sx="[object Object]"
         >
           Legend
diff --git a/src/renderer/components/settings/AppearanceSettings.test.tsx b/src/renderer/components/settings/AppearanceSettings.test.tsx
index 3c60490f4..1c65a1095 100644
--- a/src/renderer/components/settings/AppearanceSettings.test.tsx
+++ b/src/renderer/components/settings/AppearanceSettings.test.tsx
@@ -1,6 +1,8 @@
 import { act, fireEvent, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { webFrame } from 'electron';
 import { MemoryRouter } from 'react-router-dom';
+
 import {
   mockAuth,
   mockGitHubAppAccount,
@@ -34,8 +36,10 @@ describe('renderer/components/settings/AppearanceSettings.tsx', () => {
       );
     });
 
-    const select = screen.getByTestId('settings-theme') as HTMLSelectElement;
-    fireEvent.change(select, { target: { value: 'LIGHT' } });
+    await userEvent.selectOptions(
+      screen.getByTestId('settings-theme'),
+      'LIGHT',
+    );
 
     expect(updateSetting).toHaveBeenCalledTimes(1);
     expect(updateSetting).toHaveBeenCalledWith('theme', 'LIGHT');
@@ -90,32 +94,35 @@ describe('renderer/components/settings/AppearanceSettings.tsx', () => {
       );
     });
 
+    // Zoom Out
     await act(async () => {
-      fireEvent.click(screen.getByTestId('settings-zoom-out'));
+      await userEvent.click(screen.getByTestId('settings-zoom-out'));
       await zoomTimeout();
-    });
 
-    expect(updateSetting).toHaveBeenCalledTimes(1);
-    expect(updateSetting).toHaveBeenCalledWith('zoomPercentage', 90);
+      expect(updateSetting).toHaveBeenCalledTimes(1);
+      expect(updateSetting).toHaveBeenCalledWith('zoomPercentage', 90);
+    });
 
     await act(async () => {
-      fireEvent.click(screen.getByTestId('settings-zoom-out'));
+      await userEvent.click(screen.getByTestId('settings-zoom-out'));
       await zoomTimeout();
 
       expect(updateSetting).toHaveBeenCalledTimes(2);
       expect(updateSetting).toHaveBeenNthCalledWith(2, 'zoomPercentage', 80);
     });
 
+    // Zoom In
     await act(async () => {
-      fireEvent.click(screen.getByTestId('settings-zoom-in'));
+      await userEvent.click(screen.getByTestId('settings-zoom-in'));
       await zoomTimeout();
 
       expect(updateSetting).toHaveBeenCalledTimes(3);
       expect(updateSetting).toHaveBeenNthCalledWith(3, 'zoomPercentage', 90);
     });
 
+    // Zoom Reset
     await act(async () => {
-      fireEvent.click(screen.getByTestId('settings-zoom-reset'));
+      await userEvent.click(screen.getByTestId('settings-zoom-reset'));
       await zoomTimeout();
 
       expect(updateSetting).toHaveBeenCalledTimes(4);
@@ -142,7 +149,7 @@ describe('renderer/components/settings/AppearanceSettings.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByTestId('checkbox-showAccountHeader'));
+    await userEvent.click(screen.getByTestId('checkbox-showAccountHeader'));
 
     expect(updateSetting).toHaveBeenCalledTimes(1);
     expect(updateSetting).toHaveBeenCalledWith('showAccountHeader', true);
@@ -167,7 +174,7 @@ describe('renderer/components/settings/AppearanceSettings.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByTestId('checkbox-wrapNotificationTitle'));
+    await userEvent.click(screen.getByTestId('checkbox-wrapNotificationTitle'));
 
     expect(updateSetting).toHaveBeenCalledTimes(1);
     expect(updateSetting).toHaveBeenCalledWith('wrapNotificationTitle', true);
diff --git a/src/renderer/components/settings/NotificationSettings.test.tsx b/src/renderer/components/settings/NotificationSettings.test.tsx
index d27db6c9b..23ee6107b 100644
--- a/src/renderer/components/settings/NotificationSettings.test.tsx
+++ b/src/renderer/components/settings/NotificationSettings.test.tsx
@@ -1,5 +1,7 @@
-import { act, fireEvent, render, screen } from '@testing-library/react';
+import { act, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { MemoryRouter } from 'react-router-dom';
+
 import { mockAuth, mockSettings } from '../../__mocks__/state-mocks';
 import { AppContext } from '../../context/App';
 import * as comms from '../../utils/comms';
@@ -29,7 +31,7 @@ describe('renderer/components/settings/NotificationSettings.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByTestId('radio-groupby-date'));
+    await userEvent.click(screen.getByTestId('radio-groupBy-date'));
 
     expect(updateSetting).toHaveBeenCalledTimes(1);
     expect(updateSetting).toHaveBeenCalledWith('groupBy', 'DATE');
@@ -52,9 +54,7 @@ describe('renderer/components/settings/NotificationSettings.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByTestId('checkbox-fetchAllNotifications'), {
-      target: { checked: true },
-    });
+    await userEvent.click(screen.getByTestId('checkbox-fetchAllNotifications'));
 
     expect(updateSetting).toHaveBeenCalledTimes(1);
     expect(updateSetting).toHaveBeenCalledWith('fetchAllNotifications', false);
@@ -77,7 +77,7 @@ describe('renderer/components/settings/NotificationSettings.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByTestId('checkbox-detailedNotifications'));
+    await userEvent.click(screen.getByTestId('checkbox-detailedNotifications'));
 
     expect(updateSetting).toHaveBeenCalledTimes(1);
     expect(updateSetting).toHaveBeenCalledWith('detailedNotifications', false);
@@ -100,7 +100,7 @@ describe('renderer/components/settings/NotificationSettings.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByTestId('checkbox-showPills'));
+    await userEvent.click(screen.getByTestId('checkbox-showPills'));
 
     expect(updateSetting).toHaveBeenCalledTimes(1);
     expect(updateSetting).toHaveBeenCalledWith('showPills', false);
@@ -123,7 +123,7 @@ describe('renderer/components/settings/NotificationSettings.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByTestId('checkbox-showNumber'));
+    await userEvent.click(screen.getByTestId('checkbox-showNumber'));
 
     expect(updateSetting).toHaveBeenCalledTimes(1);
     expect(updateSetting).toHaveBeenCalledWith('showNumber', false);
@@ -146,12 +146,10 @@ describe('renderer/components/settings/NotificationSettings.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByTestId('checkbox-showOnlyParticipating'), {
-      target: { checked: true },
-    });
+    await userEvent.click(screen.getByTestId('checkbox-showOnlyParticipating'));
 
     expect(updateSetting).toHaveBeenCalledTimes(1);
-    expect(updateSetting).toHaveBeenCalledWith('participating', false);
+    expect(updateSetting).toHaveBeenCalledWith('participating', true);
   });
 
   it('should open official docs for showOnlyParticipating tooltip', async () => {
@@ -179,9 +177,8 @@ describe('renderer/components/settings/NotificationSettings.tsx', () => {
       'tooltip-showOnlyParticipating',
     );
 
-    fireEvent.mouseEnter(tooltipElement);
-
-    fireEvent.click(
+    await userEvent.hover(tooltipElement);
+    await userEvent.click(
       screen.getByTitle(
         'Open GitHub documentation for participating and watching notifications',
       ),
@@ -210,12 +207,10 @@ describe('renderer/components/settings/NotificationSettings.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByTestId('checkbox-markAsDoneOnOpen'), {
-      target: { checked: true },
-    });
+    await userEvent.click(screen.getByTestId('checkbox-markAsDoneOnOpen'));
 
     expect(updateSetting).toHaveBeenCalledTimes(1);
-    expect(updateSetting).toHaveBeenCalledWith('markAsDoneOnOpen', false);
+    expect(updateSetting).toHaveBeenCalledWith('markAsDoneOnOpen', true);
   });
 
   it('should toggle the markAsDoneOnUnsubscribe checkbox', async () => {
@@ -235,15 +230,12 @@ describe('renderer/components/settings/NotificationSettings.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByTestId('checkbox-markAsDoneOnUnsubscribe'), {
-      target: { checked: true },
-    });
+    await userEvent.click(
+      screen.getByTestId('checkbox-markAsDoneOnUnsubscribe'),
+    );
 
     expect(updateSetting).toHaveBeenCalledTimes(1);
-    expect(updateSetting).toHaveBeenCalledWith(
-      'markAsDoneOnUnsubscribe',
-      false,
-    );
+    expect(updateSetting).toHaveBeenCalledWith('markAsDoneOnUnsubscribe', true);
   });
 
   it('should toggle the delayNotificationState checkbox', async () => {
@@ -263,11 +255,11 @@ describe('renderer/components/settings/NotificationSettings.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByTestId('checkbox-delayNotificationState'), {
-      target: { checked: true },
-    });
+    await userEvent.click(
+      screen.getByTestId('checkbox-delayNotificationState'),
+    );
 
     expect(updateSetting).toHaveBeenCalledTimes(1);
-    expect(updateSetting).toHaveBeenCalledWith('delayNotificationState', false);
+    expect(updateSetting).toHaveBeenCalledWith('delayNotificationState', true);
   });
 });
diff --git a/src/renderer/components/settings/SettingsFooter.test.tsx b/src/renderer/components/settings/SettingsFooter.test.tsx
index cf5c7fa85..f267b6738 100644
--- a/src/renderer/components/settings/SettingsFooter.test.tsx
+++ b/src/renderer/components/settings/SettingsFooter.test.tsx
@@ -1,5 +1,7 @@
-import { act, fireEvent, render, screen } from '@testing-library/react';
+import { act, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { MemoryRouter } from 'react-router-dom';
+
 import { mockAuth, mockSettings } from '../../__mocks__/state-mocks';
 import { AppContext } from '../../context/App';
 import * as comms from '../../utils/comms';
@@ -98,7 +100,7 @@ describe('renderer/components/settings/SettingsFooter.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByTestId('settings-release-notes'));
+    await userEvent.click(screen.getByTestId('settings-release-notes'));
 
     expect(openExternalLinkMock).toHaveBeenCalledTimes(1);
     expect(openExternalLinkMock).toHaveBeenCalledWith(
@@ -122,7 +124,7 @@ describe('renderer/components/settings/SettingsFooter.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByTestId('settings-accounts'));
+    await userEvent.click(screen.getByTestId('settings-accounts'));
 
     expect(mockNavigate).toHaveBeenCalledWith('/accounts');
   });
@@ -145,7 +147,7 @@ describe('renderer/components/settings/SettingsFooter.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByTestId('settings-quit'));
+    await userEvent.click(screen.getByTestId('settings-quit'));
 
     expect(quitAppMock).toHaveBeenCalledTimes(1);
   });
diff --git a/src/renderer/components/settings/SettingsReset.test.tsx b/src/renderer/components/settings/SettingsReset.test.tsx
index 0293e5e38..471dacbb3 100644
--- a/src/renderer/components/settings/SettingsReset.test.tsx
+++ b/src/renderer/components/settings/SettingsReset.test.tsx
@@ -1,5 +1,7 @@
-import { act, fireEvent, render, screen } from '@testing-library/react';
+import { act, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { MemoryRouter } from 'react-router-dom';
+
 import { mockAuth, mockSettings } from '../../__mocks__/state-mocks';
 import { AppContext } from '../../context/App';
 import { SettingsReset } from './SettingsReset';
@@ -30,8 +32,8 @@ describe('renderer/components/settings/SettingsReset.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByTestId('settings-reset'));
-    fireEvent.click(screen.getByText('Reset'));
+    await userEvent.click(screen.getByTestId('settings-reset'));
+    await userEvent.click(screen.getByText('Reset'));
 
     expect(resetSettings).toHaveBeenCalled();
   });
@@ -55,8 +57,8 @@ describe('renderer/components/settings/SettingsReset.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByTestId('settings-reset'));
-    fireEvent.click(screen.getByText('Cancel'));
+    await userEvent.click(screen.getByTestId('settings-reset'));
+    await userEvent.click(screen.getByText('Cancel'));
 
     expect(resetSettings).not.toHaveBeenCalled();
   });
diff --git a/src/renderer/components/settings/SystemSettings.test.tsx b/src/renderer/components/settings/SystemSettings.test.tsx
index 6cc78d44d..e4d669b6d 100644
--- a/src/renderer/components/settings/SystemSettings.test.tsx
+++ b/src/renderer/components/settings/SystemSettings.test.tsx
@@ -1,5 +1,7 @@
-import { act, fireEvent, render, screen } from '@testing-library/react';
+import { act, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { MemoryRouter } from 'react-router-dom';
+
 import { mockAuth, mockSettings } from '../../__mocks__/state-mocks';
 import { AppContext } from '../../context/App';
 import { SystemSettings } from './SystemSettings';
@@ -28,7 +30,7 @@ describe('renderer/components/settings/SystemSettings.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByTestId('radio-openlinks-background'));
+    await userEvent.click(screen.getByTestId('radio-openLinks-background'));
 
     expect(updateSetting).toHaveBeenCalledTimes(1);
     expect(updateSetting).toHaveBeenCalledWith('openLinks', 'BACKGROUND');
@@ -51,9 +53,7 @@ describe('renderer/components/settings/SystemSettings.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByTestId('checkbox-keyboardShortcut'), {
-      target: { checked: true },
-    });
+    await userEvent.click(screen.getByTestId('checkbox-keyboardShortcut'));
 
     expect(updateSetting).toHaveBeenCalledTimes(1);
     expect(updateSetting).toHaveBeenCalledWith('keyboardShortcut', false);
@@ -76,11 +76,8 @@ describe('renderer/components/settings/SystemSettings.tsx', () => {
       );
     });
 
-    fireEvent.click(
+    await userEvent.click(
       screen.getByTestId('checkbox-showNotificationsCountInTray'),
-      {
-        target: { checked: true },
-      },
     );
 
     expect(updateSetting).toHaveBeenCalledTimes(1);
@@ -107,16 +104,52 @@ describe('renderer/components/settings/SystemSettings.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByTestId('checkbox-showNotifications'), {
-      target: { checked: true },
-    });
+    await userEvent.click(screen.getByTestId('checkbox-showNotifications'));
 
     expect(updateSetting).toHaveBeenCalledTimes(1);
     expect(updateSetting).toHaveBeenCalledWith('showNotifications', false);
   });
 
-  it('should toggle the playSound checkbox', async () => {
-    await act(async () => {
+  describe('playSound', () => {
+    it('should toggle the playSound checkbox', async () => {
+      const { rerender } = render(
+        <AppContext.Provider
+          value={{
+            auth: mockAuth,
+            settings: mockSettings,
+            updateSetting,
+          }}
+        >
+          <MemoryRouter>
+            <SystemSettings />
+          </MemoryRouter>
+        </AppContext.Provider>,
+      );
+
+      await userEvent.click(screen.getByTestId('checkbox-playSound'));
+
+      expect(updateSetting).toHaveBeenCalledTimes(1);
+      expect(updateSetting).toHaveBeenCalledWith('playSound', false);
+
+      // Simulate update to context with playSound = false
+      rerender(
+        <AppContext.Provider
+          value={{
+            auth: mockAuth,
+            settings: { ...mockSettings, playSound: false },
+            updateSetting,
+          }}
+        >
+          <MemoryRouter>
+            <SystemSettings />
+          </MemoryRouter>
+        </AppContext.Provider>,
+      );
+
+      expect(screen.getByTestId('settings-volume-group')).not.toBeVisible();
+    });
+
+    it('should increase playSound volume', async () => {
       render(
         <AppContext.Provider
           value={{
@@ -130,14 +163,57 @@ describe('renderer/components/settings/SystemSettings.tsx', () => {
           </MemoryRouter>
         </AppContext.Provider>,
       );
+
+      await userEvent.click(screen.getByTestId('settings-volume-up'));
+
+      expect(updateSetting).toHaveBeenCalledTimes(1);
+      expect(updateSetting).toHaveBeenCalledWith('notificationVolume', 30);
     });
 
-    fireEvent.click(screen.getByTestId('checkbox-playSound'), {
-      target: { checked: true },
+    it('should decrease playSound volume', async () => {
+      render(
+        <AppContext.Provider
+          value={{
+            auth: mockAuth,
+            settings: mockSettings,
+            updateSetting,
+          }}
+        >
+          <MemoryRouter>
+            <SystemSettings />
+          </MemoryRouter>
+        </AppContext.Provider>,
+      );
+
+      await userEvent.click(screen.getByTestId('settings-volume-down'));
+
+      expect(updateSetting).toHaveBeenCalledTimes(1);
+      expect(updateSetting).toHaveBeenCalledWith('notificationVolume', 10);
     });
 
-    expect(updateSetting).toHaveBeenCalledTimes(1);
-    expect(updateSetting).toHaveBeenCalledWith('playSound', false);
+    it('should reset playSound volume', async () => {
+      render(
+        <AppContext.Provider
+          value={{
+            auth: mockAuth,
+            settings: {
+              ...mockSettings,
+              notificationVolume: 30,
+            },
+            updateSetting,
+          }}
+        >
+          <MemoryRouter>
+            <SystemSettings />
+          </MemoryRouter>
+        </AppContext.Provider>,
+      );
+
+      await userEvent.click(screen.getByTestId('settings-volume-reset'));
+
+      expect(updateSetting).toHaveBeenCalledTimes(1);
+      expect(updateSetting).toHaveBeenCalledWith('notificationVolume', 20);
+    });
   });
 
   it('should toggle the useAlternateIdleIcon checkbox', async () => {
@@ -157,12 +233,10 @@ describe('renderer/components/settings/SystemSettings.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByTestId('checkbox-useAlternateIdleIcon'), {
-      target: { checked: true },
-    });
+    await userEvent.click(screen.getByTestId('checkbox-useAlternateIdleIcon'));
 
     expect(updateSetting).toHaveBeenCalledTimes(1);
-    expect(updateSetting).toHaveBeenCalledWith('useAlternateIdleIcon', false);
+    expect(updateSetting).toHaveBeenCalledWith('useAlternateIdleIcon', true);
   });
 
   it('should toggle the openAtStartup checkbox', async () => {
@@ -182,11 +256,9 @@ describe('renderer/components/settings/SystemSettings.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByTestId('checkbox-openAtStartup'), {
-      target: { checked: true },
-    });
+    await userEvent.click(screen.getByTestId('checkbox-openAtStartup'));
 
     expect(updateSetting).toHaveBeenCalledTimes(1);
-    expect(updateSetting).toHaveBeenCalledWith('openAtStartup', false);
+    expect(updateSetting).toHaveBeenCalledWith('openAtStartup', true);
   });
 });
diff --git a/src/renderer/components/settings/SystemSettings.tsx b/src/renderer/components/settings/SystemSettings.tsx
index ab224cba4..7b30b00b6 100644
--- a/src/renderer/components/settings/SystemSettings.tsx
+++ b/src/renderer/components/settings/SystemSettings.tsx
@@ -93,7 +93,11 @@ export const SystemSettings: FC = () => {
               onChange={(evt) => updateSetting('playSound', evt.target.checked)}
             />
 
-            <ButtonGroup className="ml-2" hidden={!settings.playSound}>
+            <ButtonGroup
+              className="ml-2"
+              hidden={!settings.playSound}
+              data-testid="settings-volume-group"
+            >
               <IconButton
                 aria-label="Volume down"
                 size="small"
diff --git a/src/renderer/components/settings/__snapshots__/SettingsFooter.test.tsx.snap b/src/renderer/components/settings/__snapshots__/SettingsFooter.test.tsx.snap
index e4b2ebb91..e76e0d8f2 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 QOGvM"
+  class="types__StyledButton-sc-ws60qy-0 juGpbb"
   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 cNXQpH"
+    class="Box-sc-g0xbh4-0 jJSkGI"
     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 ghJlZf"
+  class="types__StyledButton-sc-ws60qy-0 evglGo"
   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 cNXQpH"
+    class="Box-sc-g0xbh4-0 jJSkGI"
     data-component="buttonContent"
     sx="[object Object]"
   >
diff --git a/src/renderer/context/App.test.tsx b/src/renderer/context/App.test.tsx
index 237117517..b9f09513f 100644
--- a/src/renderer/context/App.test.tsx
+++ b/src/renderer/context/App.test.tsx
@@ -1,5 +1,6 @@
 import { act, fireEvent, render, waitFor } from '@testing-library/react';
 import { useContext } from 'react';
+
 import { mockAuth, mockSettings } from '../__mocks__/state-mocks';
 import { useNotifications } from '../hooks/useNotifications';
 import type { AuthState, Hostname, SettingsState, Token } from '../types';
diff --git a/src/renderer/routes/Accounts.test.tsx b/src/renderer/routes/Accounts.test.tsx
index e3ed4afbc..b94c1fc0a 100644
--- a/src/renderer/routes/Accounts.test.tsx
+++ b/src/renderer/routes/Accounts.test.tsx
@@ -1,13 +1,7 @@
-import {
-  act,
-  fireEvent,
-  render,
-  screen,
-  waitFor,
-} from '@testing-library/react';
-import { MemoryRouter } from 'react-router-dom';
-
 import { BaseStyles, ThemeProvider } from '@primer/react';
+import { act, render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { MemoryRouter } from 'react-router-dom';
 
 import {
   mockAuth,
@@ -76,7 +70,7 @@ describe('renderer/routes/Accounts.tsx', () => {
         );
       });
 
-      fireEvent.click(screen.getByTestId('header-nav-back'));
+      await userEvent.click(screen.getByTestId('header-nav-back'));
 
       expect(mockNavigate).toHaveBeenNthCalledWith(1, -1);
     });
@@ -105,7 +99,7 @@ describe('renderer/routes/Accounts.tsx', () => {
         );
       });
 
-      fireEvent.click(screen.getByTestId('account-profile'));
+      await userEvent.click(screen.getByTestId('account-profile'));
 
       expect(openAccountProfileMock).toHaveBeenCalledTimes(1);
       expect(openAccountProfileMock).toHaveBeenCalledWith(
@@ -135,7 +129,7 @@ describe('renderer/routes/Accounts.tsx', () => {
         );
       });
 
-      fireEvent.click(screen.getByTestId('account-host'));
+      await userEvent.click(screen.getByTestId('account-host'));
 
       expect(openExternalLinkMock).toHaveBeenCalledTimes(1);
       expect(openExternalLinkMock).toHaveBeenCalledWith('https://github.com/');
@@ -163,7 +157,7 @@ describe('renderer/routes/Accounts.tsx', () => {
         );
       });
 
-      fireEvent.click(screen.getByTestId('account-developer-settings'));
+      await userEvent.click(screen.getByTestId('account-developer-settings'));
 
       expect(openExternalLinkMock).toHaveBeenCalledTimes(1);
       expect(openExternalLinkMock).toHaveBeenCalledWith(
@@ -202,7 +196,7 @@ describe('renderer/routes/Accounts.tsx', () => {
 
       expect(screen.getByTestId('accounts')).toMatchSnapshot();
 
-      fireEvent.click(screen.getAllByTestId('account-missing-scopes')[0]);
+      await userEvent.click(screen.getAllByTestId('account-missing-scopes')[0]);
 
       expect(openExternalLinkMock).toHaveBeenCalledTimes(1);
       expect(openExternalLinkMock).toHaveBeenCalledWith(
@@ -238,7 +232,7 @@ describe('renderer/routes/Accounts.tsx', () => {
 
       expect(screen.getByTestId('accounts')).toMatchSnapshot();
 
-      fireEvent.click(screen.getAllByTestId('account-set-primary')[0]);
+      await userEvent.click(screen.getAllByTestId('account-set-primary')[0]);
 
       expect(saveStateMock).toHaveBeenCalled();
     });
@@ -263,7 +257,7 @@ describe('renderer/routes/Accounts.tsx', () => {
         );
       });
 
-      fireEvent.click(screen.getByTestId('account-refresh'));
+      await userEvent.click(screen.getByTestId('account-refresh'));
 
       expect(apiRequestAuthMock).toHaveBeenCalledTimes(1);
       expect(apiRequestAuthMock).toHaveBeenCalledWith(
@@ -301,10 +295,9 @@ describe('renderer/routes/Accounts.tsx', () => {
         );
       });
 
-      fireEvent.click(screen.getByTestId('account-logout'));
+      await userEvent.click(screen.getByTestId('account-logout'));
 
       expect(logoutFromAccountMock).toHaveBeenCalledTimes(1);
-
       expect(updateTrayIconMock).toHaveBeenCalledTimes(1);
       expect(updateTrayIconMock).toHaveBeenCalledWith();
       expect(updateTrayTitleMock).toHaveBeenCalledTimes(1);
@@ -337,8 +330,8 @@ describe('renderer/routes/Accounts.tsx', () => {
         );
       });
 
-      fireEvent.click(screen.getByTestId('account-add-new'));
-      fireEvent.click(screen.getByTestId('account-add-github'));
+      await userEvent.click(screen.getByTestId('account-add-new'));
+      await userEvent.click(screen.getByTestId('account-add-github'));
 
       expect(mockLoginWithGitHubApp).toHaveBeenCalled();
     });
@@ -363,8 +356,8 @@ describe('renderer/routes/Accounts.tsx', () => {
         );
       });
 
-      fireEvent.click(screen.getByTestId('account-add-new'));
-      fireEvent.click(screen.getByTestId('account-add-pat'));
+      await userEvent.click(screen.getByTestId('account-add-new'));
+      await userEvent.click(screen.getByTestId('account-add-pat'));
 
       expect(mockNavigate).toHaveBeenNthCalledWith(
         1,
@@ -395,8 +388,8 @@ describe('renderer/routes/Accounts.tsx', () => {
         );
       });
 
-      fireEvent.click(screen.getByTestId('account-add-new'));
-      fireEvent.click(screen.getByTestId('account-add-oauth-app'));
+      await userEvent.click(screen.getByTestId('account-add-new'));
+      await userEvent.click(screen.getByTestId('account-add-oauth-app'));
 
       expect(mockNavigate).toHaveBeenNthCalledWith(1, '/login-oauth-app', {
         replace: true,
diff --git a/src/renderer/routes/Filters.test.tsx b/src/renderer/routes/Filters.test.tsx
index 982fb9e62..25b6ba782 100644
--- a/src/renderer/routes/Filters.test.tsx
+++ b/src/renderer/routes/Filters.test.tsx
@@ -1,5 +1,7 @@
-import { act, fireEvent, render, screen } from '@testing-library/react';
+import { act, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { MemoryRouter } from 'react-router-dom';
+
 import { mockAuth, mockSettings } from '../__mocks__/state-mocks';
 import { AppContext } from '../context/App';
 import { FiltersRoute } from './Filters';
@@ -57,7 +59,8 @@ describe('renderer/routes/Filters.tsx', () => {
         );
       });
 
-      fireEvent.click(screen.getByTestId('header-nav-back'));
+      await userEvent.click(screen.getByTestId('header-nav-back'));
+
       expect(fetchNotifications).toHaveBeenCalledTimes(1);
       expect(mockNavigate).toHaveBeenNthCalledWith(1, -1);
     });
@@ -82,7 +85,7 @@ describe('renderer/routes/Filters.tsx', () => {
         );
       });
 
-      fireEvent.click(screen.getByTestId('filters-clear'));
+      await userEvent.click(screen.getByTestId('filters-clear'));
 
       expect(clearFilters).toHaveBeenCalled();
     });
diff --git a/src/renderer/routes/Login.test.tsx b/src/renderer/routes/Login.test.tsx
index 5f83e6c32..ebe226cde 100644
--- a/src/renderer/routes/Login.test.tsx
+++ b/src/renderer/routes/Login.test.tsx
@@ -1,5 +1,7 @@
-import { fireEvent, render, screen } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { MemoryRouter } from 'react-router-dom';
+
 import { AppContext } from '../context/App';
 import * as comms from '../utils/comms';
 import { LoginRoute } from './Login';
@@ -48,7 +50,7 @@ describe('renderer/routes/Login.tsx', () => {
     expect(mockNavigate).toHaveBeenNthCalledWith(1, '/', { replace: true });
   });
 
-  it('should login with github', () => {
+  it('should login with github', async () => {
     const mockLoginWithGitHubApp = jest.fn();
     render(
       <AppContext.Provider
@@ -63,19 +65,19 @@ describe('renderer/routes/Login.tsx', () => {
       </AppContext.Provider>,
     );
 
-    fireEvent.click(screen.getByTestId('login-github'));
+    await userEvent.click(screen.getByTestId('login-github'));
 
     expect(mockLoginWithGitHubApp).toHaveBeenCalled();
   });
 
-  it('should navigate to login with personal access token', () => {
+  it('should navigate to login with personal access token', async () => {
     render(
       <MemoryRouter>
         <LoginRoute />
       </MemoryRouter>,
     );
 
-    fireEvent.click(screen.getByTestId('login-pat'));
+    await userEvent.click(screen.getByTestId('login-pat'));
 
     expect(mockNavigate).toHaveBeenNthCalledWith(
       1,
@@ -83,14 +85,14 @@ describe('renderer/routes/Login.tsx', () => {
     );
   });
 
-  it('should navigate to login with oauth app', () => {
+  it('should navigate to login with oauth app', async () => {
     render(
       <MemoryRouter>
         <LoginRoute />
       </MemoryRouter>,
     );
 
-    fireEvent.click(screen.getByTestId('login-oauth-app'));
+    await userEvent.click(screen.getByTestId('login-oauth-app'));
 
     expect(mockNavigate).toHaveBeenNthCalledWith(1, '/login-oauth-app');
   });
diff --git a/src/renderer/routes/LoginWithOAuthApp.test.tsx b/src/renderer/routes/LoginWithOAuthApp.test.tsx
index b1d79e982..598e8821c 100644
--- a/src/renderer/routes/LoginWithOAuthApp.test.tsx
+++ b/src/renderer/routes/LoginWithOAuthApp.test.tsx
@@ -1,5 +1,7 @@
-import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { MemoryRouter } from 'react-router-dom';
+
 import { AppContext } from '../context/App';
 import type { AuthState, ClientID, ClientSecret, Hostname } from '../types';
 import * as comms from '../utils/comms';
@@ -38,7 +40,7 @@ describe('renderer/routes/LoginWithOAuthApp.tsx', () => {
     expect(tree).toMatchSnapshot();
   });
 
-  it('let us go back', () => {
+  it('let us go back', async () => {
     render(
       <AppContext.Provider value={{ auth: mockAuth }}>
         <MemoryRouter>
@@ -47,7 +49,7 @@ describe('renderer/routes/LoginWithOAuthApp.tsx', () => {
       </AppContext.Provider>,
     );
 
-    fireEvent.click(screen.getByTestId('header-nav-back'));
+    await userEvent.click(screen.getByTestId('header-nav-back'));
 
     expect(mockNavigate).toHaveBeenNthCalledWith(1, -1);
   });
@@ -89,11 +91,9 @@ describe('renderer/routes/LoginWithOAuthApp.tsx', () => {
         </AppContext.Provider>,
       );
 
-      fireEvent.change(screen.getByTestId('login-hostname'), {
-        target: { value: '' },
-      });
+      await userEvent.clear(screen.getByTestId('login-hostname'));
 
-      fireEvent.click(screen.getByTestId('login-create-oauth-app'));
+      await userEvent.click(screen.getByTestId('login-create-oauth-app'));
 
       expect(openExternalLinkMock).toHaveBeenCalledTimes(0);
     });
@@ -107,11 +107,11 @@ describe('renderer/routes/LoginWithOAuthApp.tsx', () => {
         </AppContext.Provider>,
       );
 
-      fireEvent.change(screen.getByTestId('login-hostname'), {
-        target: { value: 'company.github.com' },
-      });
+      const hostname = screen.getByTestId('login-hostname');
+      await userEvent.clear(hostname);
+      await userEvent.type(hostname, 'company.github.com');
 
-      fireEvent.click(screen.getByTestId('login-create-oauth-app'));
+      await userEvent.click(screen.getByTestId('login-create-oauth-app'));
 
       expect(openExternalLinkMock).toHaveBeenCalledTimes(1);
     });
@@ -132,25 +132,27 @@ describe('renderer/routes/LoginWithOAuthApp.tsx', () => {
       </AppContext.Provider>,
     );
 
-    fireEvent.change(screen.getByTestId('login-hostname'), {
-      target: { value: 'github.com' },
-    });
-    fireEvent.change(screen.getByTestId('login-clientId'), {
-      target: { value: '1234567890_ASDFGHJKL' },
-    });
-    fireEvent.change(screen.getByTestId('login-clientSecret'), {
-      target: { value: '1234567890_asdfghjklPOIUYTREWQ0987654321' },
-    });
+    const hostname = screen.getByTestId('login-hostname');
+    await userEvent.clear(hostname);
+    await userEvent.type(hostname, 'github.com');
+
+    await userEvent.type(
+      screen.getByTestId('login-clientId'),
+      '1234567890_ASDFGHJKL',
+    );
 
-    fireEvent.click(screen.getByTestId('login-submit'));
+    await userEvent.type(
+      screen.getByTestId('login-clientSecret'),
+      '1234567890_asdfghjklPOIUYTREWQ0987654321',
+    );
 
-    await waitFor(() => expect(mockLoginWithOAuthApp).toHaveBeenCalledTimes(1));
+    await userEvent.click(screen.getByTestId('login-submit'));
 
     expect(mockLoginWithOAuthApp).toHaveBeenCalledTimes(1);
     expect(mockNavigate).toHaveBeenNthCalledWith(1, -1);
   });
 
-  it('should render the form with errors', () => {
+  it('should render the form with errors', async () => {
     render(
       <AppContext.Provider value={{ auth: mockAuth }}>
         <MemoryRouter>
@@ -159,22 +161,22 @@ describe('renderer/routes/LoginWithOAuthApp.tsx', () => {
       </AppContext.Provider>,
     );
 
-    fireEvent.change(screen.getByTestId('login-hostname'), {
-      target: { value: 'test' },
-    });
-    fireEvent.change(screen.getByTestId('login-clientId'), {
-      target: { value: '123' },
-    });
-    fireEvent.change(screen.getByTestId('login-clientSecret'), {
-      target: { value: 'abc' },
-    });
+    const hostname = screen.getByTestId('login-hostname');
+    await userEvent.clear(hostname);
+    await userEvent.type(hostname, 'test');
+
+    await userEvent.type(screen.getByTestId('login-clientId'), '123');
+
+    await userEvent.type(screen.getByTestId('login-clientSecret'), 'abc');
 
-    fireEvent.click(screen.getByTestId('login-submit'));
+    await userEvent.click(screen.getByTestId('login-submit'));
 
-    expect(screen.getByTestId('login-errors')).toBeTruthy();
-    expect(screen.getByText('Hostname format is invalid')).toBeTruthy();
-    expect(screen.getByText('Client ID format is invalid')).toBeTruthy();
-    expect(screen.getByText('Client Secret format is invalid')).toBeTruthy();
+    expect(screen.getByTestId('login-errors')).toBeInTheDocument();
+    expect(screen.getByText('Hostname format is invalid')).toBeInTheDocument();
+    expect(screen.getByText('Client ID format is invalid')).toBeInTheDocument();
+    expect(
+      screen.getByText('Client Secret format is invalid'),
+    ).toBeInTheDocument();
   });
 
   it('should open help docs in the browser', async () => {
@@ -186,7 +188,7 @@ describe('renderer/routes/LoginWithOAuthApp.tsx', () => {
       </AppContext.Provider>,
     );
 
-    fireEvent.click(screen.getByTestId('login-docs'));
+    await userEvent.click(screen.getByTestId('login-docs'));
 
     expect(openExternalLinkMock).toHaveBeenCalledTimes(1);
   });
diff --git a/src/renderer/routes/LoginWithPersonalAccessToken.test.tsx b/src/renderer/routes/LoginWithPersonalAccessToken.test.tsx
index a797413f8..59c54093c 100644
--- a/src/renderer/routes/LoginWithPersonalAccessToken.test.tsx
+++ b/src/renderer/routes/LoginWithPersonalAccessToken.test.tsx
@@ -1,5 +1,7 @@
-import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { MemoryRouter } from 'react-router-dom';
+
 import { AppContext } from '../context/App';
 import * as comms from '../utils/comms';
 import {
@@ -33,14 +35,14 @@ describe('renderer/routes/LoginWithPersonalAccessToken.tsx', () => {
     expect(tree).toMatchSnapshot();
   });
 
-  it('let us go back', () => {
+  it('let us go back', async () => {
     render(
       <MemoryRouter>
         <LoginWithPersonalAccessTokenRoute />
       </MemoryRouter>,
     );
 
-    fireEvent.click(screen.getByTestId('header-nav-back'));
+    await userEvent.click(screen.getByTestId('header-nav-back'));
 
     expect(mockNavigate).toHaveBeenNthCalledWith(1, -1);
   });
@@ -80,11 +82,9 @@ describe('renderer/routes/LoginWithPersonalAccessToken.tsx', () => {
         </AppContext.Provider>,
       );
 
-      fireEvent.change(screen.getByTestId('login-hostname'), {
-        target: { value: '' },
-      });
+      await userEvent.clear(screen.getByTestId('login-hostname'));
 
-      fireEvent.click(screen.getByTestId('login-create-token'));
+      await userEvent.click(screen.getByTestId('login-create-token'));
 
       expect(openExternalLinkMock).toHaveBeenCalledTimes(0);
     });
@@ -102,7 +102,7 @@ describe('renderer/routes/LoginWithPersonalAccessToken.tsx', () => {
         </AppContext.Provider>,
       );
 
-      fireEvent.click(screen.getByTestId('login-create-token'));
+      await userEvent.click(screen.getByTestId('login-create-token'));
 
       expect(openExternalLinkMock).toHaveBeenCalledTimes(1);
     });
@@ -123,15 +123,16 @@ describe('renderer/routes/LoginWithPersonalAccessToken.tsx', () => {
       </AppContext.Provider>,
     );
 
-    fireEvent.change(screen.getByTestId('login-hostname'), {
-      target: { value: 'github.com' },
-    });
+    const hostname = screen.getByTestId('login-hostname');
+    await userEvent.clear(hostname);
+    await userEvent.type(hostname, 'github.com');
 
-    fireEvent.change(screen.getByTestId('login-token'), {
-      target: { value: '1234567890123456789012345678901234567890' },
-    });
+    await userEvent.type(
+      screen.getByTestId('login-token'),
+      '1234567890123456789012345678901234567890',
+    );
 
-    fireEvent.click(screen.getByTestId('login-submit'));
+    await userEvent.click(screen.getByTestId('login-submit'));
 
     await waitFor(() =>
       expect(mockLoginWithPersonalAccessToken).toHaveBeenCalledTimes(1),
@@ -156,15 +157,16 @@ describe('renderer/routes/LoginWithPersonalAccessToken.tsx', () => {
       </AppContext.Provider>,
     );
 
-    fireEvent.change(screen.getByTestId('login-hostname'), {
-      target: { value: 'github.com' },
-    });
+    const hostname = screen.getByTestId('login-hostname');
+    await userEvent.clear(hostname);
+    await userEvent.type(hostname, 'github.com');
 
-    fireEvent.change(screen.getByTestId('login-token'), {
-      target: { value: '1234567890123456789012345678901234567890' },
-    });
+    await userEvent.type(
+      screen.getByTestId('login-token'),
+      '1234567890123456789012345678901234567890',
+    );
 
-    fireEvent.click(screen.getByTestId('login-submit'));
+    await userEvent.click(screen.getByTestId('login-submit'));
 
     await waitFor(() =>
       expect(mockLoginWithPersonalAccessToken).toHaveBeenCalledTimes(1),
@@ -174,25 +176,24 @@ describe('renderer/routes/LoginWithPersonalAccessToken.tsx', () => {
     expect(mockNavigate).toHaveBeenCalledTimes(0);
   });
 
-  it('should render the form with errors', () => {
+  it('should render the form with errors', async () => {
     render(
       <MemoryRouter>
         <LoginWithPersonalAccessTokenRoute />
       </MemoryRouter>,
     );
 
-    fireEvent.change(screen.getByTestId('login-hostname'), {
-      target: { value: 'test' },
-    });
-    fireEvent.change(screen.getByTestId('login-token'), {
-      target: { value: '123' },
-    });
+    const hostname = screen.getByTestId('login-hostname');
+    await userEvent.clear(hostname);
+    await userEvent.type(hostname, 'test');
+
+    await userEvent.type(screen.getByTestId('login-token'), '123');
 
-    fireEvent.click(screen.getByTestId('login-submit'));
+    await userEvent.click(screen.getByTestId('login-submit'));
 
-    expect(screen.getByTestId('login-errors')).toBeTruthy();
-    expect(screen.getByText('Hostname format is invalid')).toBeTruthy();
-    expect(screen.getByText('Token format is invalid')).toBeTruthy();
+    expect(screen.getByTestId('login-errors')).toBeInTheDocument();
+    expect(screen.getByText('Hostname format is invalid')).toBeInTheDocument();
+    expect(screen.getByText('Token format is invalid')).toBeInTheDocument();
   });
 
   it('should open help docs in the browser', async () => {
@@ -208,7 +209,7 @@ describe('renderer/routes/LoginWithPersonalAccessToken.tsx', () => {
       </AppContext.Provider>,
     );
 
-    fireEvent.click(screen.getByTestId('login-docs'));
+    await userEvent.click(screen.getByTestId('login-docs'));
 
     expect(openExternalLinkMock).toHaveBeenCalledTimes(1);
   });
diff --git a/src/renderer/routes/Notifications.test.tsx b/src/renderer/routes/Notifications.test.tsx
index f18b7c416..0c5f83e65 100644
--- a/src/renderer/routes/Notifications.test.tsx
+++ b/src/renderer/routes/Notifications.test.tsx
@@ -1,4 +1,5 @@
 import { render } from '@testing-library/react';
+
 import { mockAccountNotifications } from '../__mocks__/notifications-mocks';
 import { mockSettings } from '../__mocks__/state-mocks';
 import { AppContext } from '../context/App';
diff --git a/src/renderer/routes/Settings.test.tsx b/src/renderer/routes/Settings.test.tsx
index 6cbe069d3..cbba9861d 100644
--- a/src/renderer/routes/Settings.test.tsx
+++ b/src/renderer/routes/Settings.test.tsx
@@ -1,5 +1,7 @@
-import { act, fireEvent, render, screen } from '@testing-library/react';
+import { act, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { MemoryRouter } from 'react-router-dom';
+
 import { mockAuth, mockSettings } from '../__mocks__/state-mocks';
 import { AppContext } from '../context/App';
 import { SettingsRoute } from './Settings';
@@ -48,7 +50,8 @@ describe('renderer/routes/Settings.tsx', () => {
       );
     });
 
-    fireEvent.click(screen.getByTestId('header-nav-back'));
+    await userEvent.click(screen.getByTestId('header-nav-back'));
+
     expect(fetchNotifications).toHaveBeenCalledTimes(1);
     expect(mockNavigate).toHaveBeenNthCalledWith(1, -1);
   });
diff --git a/src/renderer/routes/__snapshots__/Accounts.test.tsx.snap b/src/renderer/routes/__snapshots__/Accounts.test.tsx.snap
index 2aa8114fc..3448f75f8 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 cRiRbv"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
       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 gVycBz"
+        class="types__StyledButton-sc-ws60qy-0 gbYXLg"
         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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 dCpCSu"
+              class="Heading__StyledHeading-sc-1c1dgg0-0 iNQihF"
               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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 QOGvM"
+            class="types__StyledButton-sc-ws60qy-0 juGpbb"
             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 cNXQpH"
+              class="Box-sc-g0xbh4-0 jJSkGI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 jtqZvk"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 dDDWrD"
                     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 cocpco"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                     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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 QOGvM visible"
+              class="types__StyledButton-sc-ws60qy-0 juGpbb 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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 eYdieS"
+              class="types__StyledButton-sc-ws60qy-0 llTEkR"
               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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 cdYcYt"
+              class="Box-sc-g0xbh4-0 fIHgPG"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby="«r33»-loading-announcement"
                 aria-labelledby="«r32»"
-                class="types__StyledButton-sc-ws60qy-0 QOGvM"
+                class="types__StyledButton-sc-ws60qy-0 juGpbb"
                 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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 gjscLt"
+              class="types__StyledButton-sc-ws60qy-0 jsQxcG"
               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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 QOGvM"
+            class="types__StyledButton-sc-ws60qy-0 juGpbb"
             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 cNXQpH"
+              class="Box-sc-g0xbh4-0 jJSkGI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 jtqZvk"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 dDDWrD"
                     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 cocpco"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                     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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 QOGvM invisible"
+              class="types__StyledButton-sc-ws60qy-0 juGpbb 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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 QOGvM"
+              class="types__StyledButton-sc-ws60qy-0 juGpbb"
               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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 cdYcYt"
+              class="Box-sc-g0xbh4-0 fIHgPG"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby="«r3c»-loading-announcement"
                 aria-labelledby="«r3b»"
-                class="types__StyledButton-sc-ws60qy-0 QOGvM"
+                class="types__StyledButton-sc-ws60qy-0 juGpbb"
                 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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 gjscLt"
+              class="types__StyledButton-sc-ws60qy-0 jsQxcG"
               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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 QOGvM"
+            class="types__StyledButton-sc-ws60qy-0 juGpbb"
             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 cNXQpH"
+              class="Box-sc-g0xbh4-0 jJSkGI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 jtqZvk"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 dDDWrD"
                     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 cocpco"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                     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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 QOGvM invisible"
+              class="types__StyledButton-sc-ws60qy-0 juGpbb 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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 QOGvM"
+              class="types__StyledButton-sc-ws60qy-0 juGpbb"
               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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 cdYcYt"
+              class="Box-sc-g0xbh4-0 fIHgPG"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby="«r3l»-loading-announcement"
                 aria-labelledby="«r3k»"
-                class="types__StyledButton-sc-ws60qy-0 QOGvM"
+                class="types__StyledButton-sc-ws60qy-0 juGpbb"
                 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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 gjscLt"
+              class="types__StyledButton-sc-ws60qy-0 jsQxcG"
               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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 cRiRbv"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
       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 QOGvM"
+        class="types__StyledButton-sc-ws60qy-0 juGpbb"
         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 cNXQpH"
+          class="Box-sc-g0xbh4-0 jJSkGI"
           data-component="buttonContent"
           sx="[object Object]"
         >
           <span
-            class="Box-sc-g0xbh4-0 hLQYlN"
+            class="Box-sc-g0xbh4-0 hbMXXO"
             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 cRiRbv"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
       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 gVycBz"
+        class="types__StyledButton-sc-ws60qy-0 gbYXLg"
         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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 dCpCSu"
+              class="Heading__StyledHeading-sc-1c1dgg0-0 iNQihF"
               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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 QOGvM"
+            class="types__StyledButton-sc-ws60qy-0 juGpbb"
             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 cNXQpH"
+              class="Box-sc-g0xbh4-0 jJSkGI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 jtqZvk"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 dDDWrD"
                     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 cocpco"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                     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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 QOGvM invisible"
+              class="types__StyledButton-sc-ws60qy-0 juGpbb 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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 eYdieS"
+              class="types__StyledButton-sc-ws60qy-0 llTEkR"
               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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 cdYcYt"
+              class="Box-sc-g0xbh4-0 fIHgPG"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby="«r42»-loading-announcement"
                 aria-labelledby="«r41»"
-                class="types__StyledButton-sc-ws60qy-0 QOGvM"
+                class="types__StyledButton-sc-ws60qy-0 juGpbb"
                 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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 gjscLt"
+              class="types__StyledButton-sc-ws60qy-0 jsQxcG"
               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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 QOGvM"
+            class="types__StyledButton-sc-ws60qy-0 juGpbb"
             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 cNXQpH"
+              class="Box-sc-g0xbh4-0 jJSkGI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 jtqZvk"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 dDDWrD"
                     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 cocpco"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                     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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 QOGvM invisible"
+              class="types__StyledButton-sc-ws60qy-0 juGpbb 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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 QOGvM"
+              class="types__StyledButton-sc-ws60qy-0 juGpbb"
               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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 cdYcYt"
+              class="Box-sc-g0xbh4-0 fIHgPG"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby="«r4b»-loading-announcement"
                 aria-labelledby="«r4a»"
-                class="types__StyledButton-sc-ws60qy-0 QOGvM"
+                class="types__StyledButton-sc-ws60qy-0 juGpbb"
                 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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 gjscLt"
+              class="types__StyledButton-sc-ws60qy-0 jsQxcG"
               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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 QOGvM"
+            class="types__StyledButton-sc-ws60qy-0 juGpbb"
             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 cNXQpH"
+              class="Box-sc-g0xbh4-0 jJSkGI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 jtqZvk"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 dDDWrD"
                     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 cocpco"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                     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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 QOGvM invisible"
+              class="types__StyledButton-sc-ws60qy-0 juGpbb 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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 QOGvM"
+              class="types__StyledButton-sc-ws60qy-0 juGpbb"
               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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 cdYcYt"
+              class="Box-sc-g0xbh4-0 fIHgPG"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby="«r4k»-loading-announcement"
                 aria-labelledby="«r4j»"
-                class="types__StyledButton-sc-ws60qy-0 QOGvM"
+                class="types__StyledButton-sc-ws60qy-0 juGpbb"
                 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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 gjscLt"
+              class="types__StyledButton-sc-ws60qy-0 jsQxcG"
               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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 cRiRbv"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
       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 QOGvM"
+        class="types__StyledButton-sc-ws60qy-0 juGpbb"
         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 cNXQpH"
+          class="Box-sc-g0xbh4-0 jJSkGI"
           data-component="buttonContent"
           sx="[object Object]"
         >
           <span
-            class="Box-sc-g0xbh4-0 hLQYlN"
+            class="Box-sc-g0xbh4-0 hbMXXO"
             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 cRiRbv"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
       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 gVycBz"
+        class="types__StyledButton-sc-ws60qy-0 gbYXLg"
         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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 dCpCSu"
+              class="Heading__StyledHeading-sc-1c1dgg0-0 iNQihF"
               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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 QOGvM"
+            class="types__StyledButton-sc-ws60qy-0 juGpbb"
             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 cNXQpH"
+              class="Box-sc-g0xbh4-0 jJSkGI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 jtqZvk"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 dDDWrD"
                     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 cocpco"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                     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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 QOGvM invisible"
+              class="types__StyledButton-sc-ws60qy-0 juGpbb 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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 eYdieS"
+              class="types__StyledButton-sc-ws60qy-0 llTEkR"
               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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 cdYcYt"
+              class="Box-sc-g0xbh4-0 fIHgPG"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby="«r7»-loading-announcement"
                 aria-labelledby="«r6»"
-                class="types__StyledButton-sc-ws60qy-0 QOGvM"
+                class="types__StyledButton-sc-ws60qy-0 juGpbb"
                 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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 gjscLt"
+              class="types__StyledButton-sc-ws60qy-0 jsQxcG"
               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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 QOGvM"
+            class="types__StyledButton-sc-ws60qy-0 juGpbb"
             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 cNXQpH"
+              class="Box-sc-g0xbh4-0 jJSkGI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 jtqZvk"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 dDDWrD"
                     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 cocpco"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                     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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 QOGvM invisible"
+              class="types__StyledButton-sc-ws60qy-0 juGpbb 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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 QOGvM"
+              class="types__StyledButton-sc-ws60qy-0 juGpbb"
               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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 cdYcYt"
+              class="Box-sc-g0xbh4-0 fIHgPG"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby="«rg»-loading-announcement"
                 aria-labelledby="«rf»"
-                class="types__StyledButton-sc-ws60qy-0 QOGvM"
+                class="types__StyledButton-sc-ws60qy-0 juGpbb"
                 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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 gjscLt"
+              class="types__StyledButton-sc-ws60qy-0 jsQxcG"
               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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 QOGvM"
+            class="types__StyledButton-sc-ws60qy-0 juGpbb"
             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 cNXQpH"
+              class="Box-sc-g0xbh4-0 jJSkGI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 jtqZvk"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 dDDWrD"
                     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 cocpco"
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 bPOncX"
                     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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 QOGvM invisible"
+              class="types__StyledButton-sc-ws60qy-0 juGpbb 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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 QOGvM"
+              class="types__StyledButton-sc-ws60qy-0 juGpbb"
               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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 cdYcYt"
+              class="Box-sc-g0xbh4-0 fIHgPG"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby="«rp»-loading-announcement"
                 aria-labelledby="«ro»"
-                class="types__StyledButton-sc-ws60qy-0 QOGvM"
+                class="types__StyledButton-sc-ws60qy-0 juGpbb"
                 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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 gjscLt"
+              class="types__StyledButton-sc-ws60qy-0 jsQxcG"
               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 hxvobc"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
               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 cRiRbv"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
       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 QOGvM"
+        class="types__StyledButton-sc-ws60qy-0 juGpbb"
         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 cNXQpH"
+          class="Box-sc-g0xbh4-0 jJSkGI"
           data-component="buttonContent"
           sx="[object Object]"
         >
           <span
-            class="Box-sc-g0xbh4-0 hLQYlN"
+            class="Box-sc-g0xbh4-0 hbMXXO"
             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 57a06de7a..34a7c8f55 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 cRiRbv"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
       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 gVycBz"
+        class="types__StyledButton-sc-ws60qy-0 gbYXLg"
         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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 dCpCSu"
+              class="Heading__StyledHeading-sc-1c1dgg0-0 iNQihF"
               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 cRiRbv"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
       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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 Nyvxf"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                   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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 Nyvxf"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                   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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 gfWGMy"
+                  class="Text-sc-17v1xeu-0 bLmNQN"
                 >
                   Include:
                 </span>
               </div>
             </div>
             <span
-              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hmMdH eLTuPZ"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 eKCMNg bubHkq"
               sx="[object Object]"
             >
               <div
-                class="Box-sc-g0xbh4-0 dxzLLz"
+                class="Box-sc-g0xbh4-0 kELiKs"
                 display="flex"
                 sx="[object Object]"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 bLimza"
+                  class="Box-sc-g0xbh4-0 ifwIIt"
                   sx="[object Object]"
                 >
                   <input
                     aria-invalid="false"
-                    class="UnstyledTextInput-sc-14ypya-0 bKZaYV"
+                    class="UnstyledTextInput-sc-14ypya-0 iXLnTe"
                     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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 gfWGMy"
+                  class="Text-sc-17v1xeu-0 bLmNQN"
                 >
                   Exclude:
                 </span>
               </div>
             </div>
             <span
-              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hmMdH eLTuPZ"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 eKCMNg bubHkq"
               sx="[object Object]"
             >
               <div
-                class="Box-sc-g0xbh4-0 dxzLLz"
+                class="Box-sc-g0xbh4-0 kELiKs"
                 display="flex"
                 sx="[object Object]"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 bLimza"
+                  class="Box-sc-g0xbh4-0 ifwIIt"
                   sx="[object Object]"
                 >
                   <input
                     aria-invalid="false"
-                    class="UnstyledTextInput-sc-14ypya-0 bKZaYV"
+                    class="UnstyledTextInput-sc-14ypya-0 iXLnTe"
                     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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 Nyvxf"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                   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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 Nyvxf"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                   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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 Nyvxf"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                   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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 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"
+              class="Text-sc-17v1xeu-0 bLmNQN px-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 cRiRbv"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
       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 iTeBSL tooltipped-n"
+        class="Tooltip__TooltipBase-sc-17tf59c-0 ezknIY tooltipped-n"
         id="«r1»"
         role="tooltip"
       >
         <button
           aria-describedby="«r2»-loading-announcement"
-          class="types__StyledButton-sc-ws60qy-0 QOGvM"
+          class="types__StyledButton-sc-ws60qy-0 juGpbb"
           data-loading="false"
           data-testid="filters-clear"
           sx="[object Object]"
           type="button"
         >
           <span
-            class="Box-sc-g0xbh4-0 cNXQpH"
+            class="Box-sc-g0xbh4-0 jJSkGI"
             data-component="buttonContent"
             sx="[object Object]"
           >
             <span
-              class="Box-sc-g0xbh4-0 hLQYlN"
+              class="Box-sc-g0xbh4-0 hbMXXO"
               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 8229cf60d..4f738fff7 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 cRiRbv h-screen"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 faAIqG"
+              class="Heading__StyledHeading-sc-1c1dgg0-0 hpFcJt"
               sx="[object Object]"
             >
               GitHub Notifications
             </h2>
             <h2
-              class="Heading__StyledHeading-sc-1c1dgg0-0 dCpCSu"
+              class="Heading__StyledHeading-sc-1c1dgg0-0 iNQihF"
               sx="[object Object]"
             >
               on your menu bar
             </h2>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gfWGMy"
+              class="Text-sc-17v1xeu-0 bLmNQN"
             >
               Login with
             </span>
             <button
               aria-describedby="«r0»-loading-announcement"
-              class="types__StyledButton-sc-ws60qy-0 eYdieS"
+              class="types__StyledButton-sc-ws60qy-0 llTEkR"
               data-loading="false"
               data-testid="login-github"
               sx="[object Object]"
               type="button"
             >
               <span
-                class="Box-sc-g0xbh4-0 cNXQpH"
+                class="Box-sc-g0xbh4-0 jJSkGI"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 hLQYlN"
+                  class="Box-sc-g0xbh4-0 hbMXXO"
                   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 QOGvM"
+              class="types__StyledButton-sc-ws60qy-0 juGpbb"
               data-loading="false"
               data-testid="login-pat"
               sx="[object Object]"
               type="button"
             >
               <span
-                class="Box-sc-g0xbh4-0 cNXQpH"
+                class="Box-sc-g0xbh4-0 jJSkGI"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 hLQYlN"
+                  class="Box-sc-g0xbh4-0 hbMXXO"
                   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 QOGvM"
+              class="types__StyledButton-sc-ws60qy-0 juGpbb"
               data-loading="false"
               data-testid="login-oauth-app"
               sx="[object Object]"
               type="button"
             >
               <span
-                class="Box-sc-g0xbh4-0 cNXQpH"
+                class="Box-sc-g0xbh4-0 jJSkGI"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 hLQYlN"
+                  class="Box-sc-g0xbh4-0 hbMXXO"
                   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 cRiRbv h-screen"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 faAIqG"
+            class="Heading__StyledHeading-sc-1c1dgg0-0 hpFcJt"
             sx="[object Object]"
           >
             GitHub Notifications
           </h2>
           <h2
-            class="Heading__StyledHeading-sc-1c1dgg0-0 dCpCSu"
+            class="Heading__StyledHeading-sc-1c1dgg0-0 iNQihF"
             sx="[object Object]"
           >
             on your menu bar
           </h2>
         </div>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gfWGMy"
+            class="Text-sc-17v1xeu-0 bLmNQN"
           >
             Login with
           </span>
           <button
             aria-describedby="«r0»-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 eYdieS"
+            class="types__StyledButton-sc-ws60qy-0 llTEkR"
             data-loading="false"
             data-testid="login-github"
             sx="[object Object]"
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 cNXQpH"
+              class="Box-sc-g0xbh4-0 jJSkGI"
               data-component="buttonContent"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 hLQYlN"
+                class="Box-sc-g0xbh4-0 hbMXXO"
                 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 QOGvM"
+            class="types__StyledButton-sc-ws60qy-0 juGpbb"
             data-loading="false"
             data-testid="login-pat"
             sx="[object Object]"
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 cNXQpH"
+              class="Box-sc-g0xbh4-0 jJSkGI"
               data-component="buttonContent"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 hLQYlN"
+                class="Box-sc-g0xbh4-0 hbMXXO"
                 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 QOGvM"
+            class="types__StyledButton-sc-ws60qy-0 juGpbb"
             data-loading="false"
             data-testid="login-oauth-app"
             sx="[object Object]"
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 cNXQpH"
+              class="Box-sc-g0xbh4-0 jJSkGI"
               data-component="buttonContent"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 hLQYlN"
+                class="Box-sc-g0xbh4-0 hbMXXO"
                 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 0568042c7..f4019038d 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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 dCpCSu"
+                    class="Heading__StyledHeading-sc-1c1dgg0-0 iNQihF"
                     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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 hdUVJw"
+              class="Box-sc-g0xbh4-0 faNAuD"
               display="flex"
               flexdirection="column"
               sx="[object Object]"
             >
               <label
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hlYlJd"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hKIAy"
                 for="«r1»"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 bLqLzD"
+                  class="Box-sc-g0xbh4-0 czrMio"
                   display="flex"
                 >
                   <div
-                    class="Box-sc-g0xbh4-0 hUckZh"
+                    class="Box-sc-g0xbh4-0 edJKvi"
                     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 fhFAUB fNRGPr TextInput-wrapper"
+                class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hKQRlW aWvQs TextInput-wrapper"
                 sx="[object Object]"
               >
                 <input
                   aria-describedby="«r1»-caption"
                   aria-invalid="false"
                   aria-required="true"
-                  class="UnstyledTextInput-sc-14ypya-0 cYgFLP"
+                  class="UnstyledTextInput-sc-14ypya-0 fbBvdM"
                   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 jTOhzj"
+                class="Text-sc-17v1xeu-0 bYPOyc"
                 color="fg.muted"
                 display="block"
                 font-size="0"
                 id="«r1»-caption"
               >
                 <i
-                  class="Text-sc-17v1xeu-0 gfWGMy"
+                  class="Text-sc-17v1xeu-0 bLmNQN"
                 >
                   Change only if you are using GitHub Enterprise Server
                 </i>
               </span>
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 QOGvM"
+                class="types__StyledButton-sc-ws60qy-0 juGpbb"
                 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 cNXQpH"
+                  class="Box-sc-g0xbh4-0 jJSkGI"
                   data-component="buttonContent"
                   sx="[object Object]"
                 >
                   <span
-                    class="Box-sc-g0xbh4-0 hLQYlN"
+                    class="Box-sc-g0xbh4-0 hbMXXO"
                     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 gfWGMy text-xs"
+                class="Text-sc-17v1xeu-0 bLmNQN text-xs"
               >
                 and use your 
                 <i
-                  class="Text-sc-17v1xeu-0 gfWGMy"
+                  class="Text-sc-17v1xeu-0 bLmNQN"
                 >
                   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 hdUVJw"
+              class="Box-sc-g0xbh4-0 faNAuD"
               display="flex"
               flexdirection="column"
               sx="[object Object]"
             >
               <label
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hlYlJd"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hKIAy"
                 for="«r3»"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 bLqLzD"
+                  class="Box-sc-g0xbh4-0 czrMio"
                   display="flex"
                 >
                   <div
-                    class="Box-sc-g0xbh4-0 hUckZh"
+                    class="Box-sc-g0xbh4-0 edJKvi"
                     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 fhFAUB fNRGPr TextInput-wrapper"
+                class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hKQRlW aWvQs TextInput-wrapper"
                 sx="[object Object]"
               >
                 <input
                   aria-describedby=""
                   aria-invalid="false"
                   aria-required="true"
-                  class="UnstyledTextInput-sc-14ypya-0 cYgFLP"
+                  class="UnstyledTextInput-sc-14ypya-0 fbBvdM"
                   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 hdUVJw"
+              class="Box-sc-g0xbh4-0 faNAuD"
               display="flex"
               flexdirection="column"
               sx="[object Object]"
             >
               <label
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hlYlJd"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hKIAy"
                 for="«r4»"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 bLqLzD"
+                  class="Box-sc-g0xbh4-0 czrMio"
                   display="flex"
                 >
                   <div
-                    class="Box-sc-g0xbh4-0 hUckZh"
+                    class="Box-sc-g0xbh4-0 edJKvi"
                     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 dQEAbp eZASgg TextInput-wrapper"
+                class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hqsBbO hAxGeb TextInput-wrapper"
                 sx="[object Object]"
               >
                 <input
                   aria-describedby=""
                   aria-invalid="false"
                   aria-required="true"
-                  class="UnstyledTextInput-sc-14ypya-0 cYgFLP"
+                  class="UnstyledTextInput-sc-14ypya-0 fbBvdM"
                   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 cOGnzx TextInput-action"
+                  class="Box-sc-g0xbh4-0 gMQxO 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 fcgihb"
+                    class="types__StyledButton-sc-ws60qy-0 hJQSqI"
                     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 hxvobc"
+                    class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
                     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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 iTeBSL tooltipped-n"
+              class="Tooltip__TooltipBase-sc-17tf59c-0 ezknIY tooltipped-n"
               id="«r7»"
               role="tooltip"
             >
               <button
                 aria-describedby="«r8»-loading-announcement"
-                class="types__StyledButton-sc-ws60qy-0 QOGvM"
+                class="types__StyledButton-sc-ws60qy-0 juGpbb"
                 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 cNXQpH"
+                  class="Box-sc-g0xbh4-0 jJSkGI"
                   data-component="buttonContent"
                   sx="[object Object]"
                 >
                   <span
-                    class="Box-sc-g0xbh4-0 hLQYlN"
+                    class="Box-sc-g0xbh4-0 hbMXXO"
                     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 cdYcYt"
+              class="Box-sc-g0xbh4-0 fIHgPG"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby="«r9»-loading-announcement"
-                class="types__StyledButton-sc-ws60qy-0 eYdieS"
+                class="types__StyledButton-sc-ws60qy-0 llTEkR"
                 data-loading="false"
                 data-testid="login-submit"
                 sx="[object Object]"
                 type="button"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 cNXQpH"
+                  class="Box-sc-g0xbh4-0 jJSkGI"
                   data-component="buttonContent"
                   sx="[object Object]"
                 >
                   <span
-                    class="Box-sc-g0xbh4-0 hLQYlN"
+                    class="Box-sc-g0xbh4-0 hbMXXO"
                     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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 dCpCSu"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 iNQihF"
                   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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 hdUVJw"
+            class="Box-sc-g0xbh4-0 faNAuD"
             display="flex"
             flexdirection="column"
             sx="[object Object]"
           >
             <label
-              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hlYlJd"
+              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hKIAy"
               for="«r1»"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 bLqLzD"
+                class="Box-sc-g0xbh4-0 czrMio"
                 display="flex"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 hUckZh"
+                  class="Box-sc-g0xbh4-0 edJKvi"
                   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 fhFAUB fNRGPr TextInput-wrapper"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hKQRlW aWvQs TextInput-wrapper"
               sx="[object Object]"
             >
               <input
                 aria-describedby="«r1»-caption"
                 aria-invalid="false"
                 aria-required="true"
-                class="UnstyledTextInput-sc-14ypya-0 cYgFLP"
+                class="UnstyledTextInput-sc-14ypya-0 fbBvdM"
                 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 jTOhzj"
+              class="Text-sc-17v1xeu-0 bYPOyc"
               color="fg.muted"
               display="block"
               font-size="0"
               id="«r1»-caption"
             >
               <i
-                class="Text-sc-17v1xeu-0 gfWGMy"
+                class="Text-sc-17v1xeu-0 bLmNQN"
               >
                 Change only if you are using GitHub Enterprise Server
               </i>
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 QOGvM"
+              class="types__StyledButton-sc-ws60qy-0 juGpbb"
               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 cNXQpH"
+                class="Box-sc-g0xbh4-0 jJSkGI"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 hLQYlN"
+                  class="Box-sc-g0xbh4-0 hbMXXO"
                   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 gfWGMy text-xs"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xs"
             >
               and use your 
               <i
-                class="Text-sc-17v1xeu-0 gfWGMy"
+                class="Text-sc-17v1xeu-0 bLmNQN"
               >
                 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 hdUVJw"
+            class="Box-sc-g0xbh4-0 faNAuD"
             display="flex"
             flexdirection="column"
             sx="[object Object]"
           >
             <label
-              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hlYlJd"
+              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hKIAy"
               for="«r3»"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 bLqLzD"
+                class="Box-sc-g0xbh4-0 czrMio"
                 display="flex"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 hUckZh"
+                  class="Box-sc-g0xbh4-0 edJKvi"
                   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 fhFAUB fNRGPr TextInput-wrapper"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hKQRlW aWvQs TextInput-wrapper"
               sx="[object Object]"
             >
               <input
                 aria-describedby=""
                 aria-invalid="false"
                 aria-required="true"
-                class="UnstyledTextInput-sc-14ypya-0 cYgFLP"
+                class="UnstyledTextInput-sc-14ypya-0 fbBvdM"
                 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 hdUVJw"
+            class="Box-sc-g0xbh4-0 faNAuD"
             display="flex"
             flexdirection="column"
             sx="[object Object]"
           >
             <label
-              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hlYlJd"
+              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hKIAy"
               for="«r4»"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 bLqLzD"
+                class="Box-sc-g0xbh4-0 czrMio"
                 display="flex"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 hUckZh"
+                  class="Box-sc-g0xbh4-0 edJKvi"
                   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 dQEAbp eZASgg TextInput-wrapper"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hqsBbO hAxGeb TextInput-wrapper"
               sx="[object Object]"
             >
               <input
                 aria-describedby=""
                 aria-invalid="false"
                 aria-required="true"
-                class="UnstyledTextInput-sc-14ypya-0 cYgFLP"
+                class="UnstyledTextInput-sc-14ypya-0 fbBvdM"
                 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 cOGnzx TextInput-action"
+                class="Box-sc-g0xbh4-0 gMQxO 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 fcgihb"
+                  class="types__StyledButton-sc-ws60qy-0 hJQSqI"
                   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 hxvobc"
+                  class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
                   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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 iTeBSL tooltipped-n"
+            class="Tooltip__TooltipBase-sc-17tf59c-0 ezknIY tooltipped-n"
             id="«r7»"
             role="tooltip"
           >
             <button
               aria-describedby="«r8»-loading-announcement"
-              class="types__StyledButton-sc-ws60qy-0 QOGvM"
+              class="types__StyledButton-sc-ws60qy-0 juGpbb"
               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 cNXQpH"
+                class="Box-sc-g0xbh4-0 jJSkGI"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 hLQYlN"
+                  class="Box-sc-g0xbh4-0 hbMXXO"
                   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 cdYcYt"
+            class="Box-sc-g0xbh4-0 fIHgPG"
             data-loading-wrapper="true"
             sx="[object Object]"
           >
             <button
               aria-describedby="«r9»-loading-announcement"
-              class="types__StyledButton-sc-ws60qy-0 eYdieS"
+              class="types__StyledButton-sc-ws60qy-0 llTEkR"
               data-loading="false"
               data-testid="login-submit"
               sx="[object Object]"
               type="button"
             >
               <span
-                class="Box-sc-g0xbh4-0 cNXQpH"
+                class="Box-sc-g0xbh4-0 jJSkGI"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 hLQYlN"
+                  class="Box-sc-g0xbh4-0 hbMXXO"
                   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 b184c6624..4677e8f90 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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 gVycBz"
+              class="types__StyledButton-sc-ws60qy-0 gbYXLg"
               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 cRiRbv"
+                  class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                   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 dCpCSu"
+                    class="Heading__StyledHeading-sc-1c1dgg0-0 iNQihF"
                     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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 hdUVJw"
+              class="Box-sc-g0xbh4-0 faNAuD"
               display="flex"
               flexdirection="column"
               sx="[object Object]"
             >
               <label
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hlYlJd"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hKIAy"
                 for="«r1»"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 bLqLzD"
+                  class="Box-sc-g0xbh4-0 czrMio"
                   display="flex"
                 >
                   <div
-                    class="Box-sc-g0xbh4-0 hUckZh"
+                    class="Box-sc-g0xbh4-0 edJKvi"
                     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 fhFAUB fNRGPr TextInput-wrapper"
+                class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hKQRlW aWvQs TextInput-wrapper"
                 sx="[object Object]"
               >
                 <input
                   aria-describedby="«r1»-caption"
                   aria-invalid="false"
                   aria-required="true"
-                  class="UnstyledTextInput-sc-14ypya-0 cYgFLP"
+                  class="UnstyledTextInput-sc-14ypya-0 fbBvdM"
                   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 jTOhzj"
+                class="Text-sc-17v1xeu-0 bYPOyc"
                 color="fg.muted"
                 display="block"
                 font-size="0"
                 id="«r1»-caption"
               >
                 <i
-                  class="Text-sc-17v1xeu-0 gfWGMy"
+                  class="Text-sc-17v1xeu-0 bLmNQN"
                 >
                   Change only if you are using GitHub Enterprise Server
                 </i>
               </span>
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 QOGvM"
+                  class="types__StyledButton-sc-ws60qy-0 juGpbb"
                   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 cNXQpH"
+                    class="Box-sc-g0xbh4-0 jJSkGI"
                     data-component="buttonContent"
                     sx="[object Object]"
                   >
                     <span
-                      class="Box-sc-g0xbh4-0 hLQYlN"
+                      class="Box-sc-g0xbh4-0 hbMXXO"
                       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 gfWGMy text-xs"
+                  class="Text-sc-17v1xeu-0 bLmNQN text-xs"
                 >
                   on GitHub to paste the token below.
                 </span>
               </div>
               <i
-                class="Text-sc-17v1xeu-0 gfWGMy text-xs"
+                class="Text-sc-17v1xeu-0 bLmNQN text-xs"
               >
                 The
                  
                 <span
                   aria-label="read:user, notifications, repo"
-                  class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL tooltipped-se"
+                  class="Tooltip__TooltipBase-sc-17tf59c-0 ezknIY tooltipped-se"
                   id="«r3»"
                   role="tooltip"
                 >
                   <u
-                    class="Text-sc-17v1xeu-0 gfWGMy"
+                    class="Text-sc-17v1xeu-0 bLmNQN"
                   >
                     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 hdUVJw"
+              class="Box-sc-g0xbh4-0 faNAuD"
               display="flex"
               flexdirection="column"
               sx="[object Object]"
             >
               <label
-                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hlYlJd"
+                class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hKIAy"
                 for="«r4»"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 bLqLzD"
+                  class="Box-sc-g0xbh4-0 czrMio"
                   display="flex"
                 >
                   <div
-                    class="Box-sc-g0xbh4-0 hUckZh"
+                    class="Box-sc-g0xbh4-0 edJKvi"
                     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 dQEAbp eZASgg TextInput-wrapper"
+                class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hqsBbO hAxGeb TextInput-wrapper"
                 sx="[object Object]"
               >
                 <input
                   aria-describedby=""
                   aria-invalid="false"
                   aria-required="true"
-                  class="UnstyledTextInput-sc-14ypya-0 cYgFLP"
+                  class="UnstyledTextInput-sc-14ypya-0 fbBvdM"
                   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 cOGnzx TextInput-action"
+                  class="Box-sc-g0xbh4-0 gMQxO 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 fcgihb"
+                    class="types__StyledButton-sc-ws60qy-0 hJQSqI"
                     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 hxvobc"
+                    class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
                     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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 iTeBSL tooltipped-ne"
+              class="Tooltip__TooltipBase-sc-17tf59c-0 ezknIY tooltipped-ne"
               id="«r7»"
               role="tooltip"
             >
               <button
                 aria-describedby="«r8»-loading-announcement"
-                class="types__StyledButton-sc-ws60qy-0 QOGvM"
+                class="types__StyledButton-sc-ws60qy-0 juGpbb"
                 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 cNXQpH"
+                  class="Box-sc-g0xbh4-0 jJSkGI"
                   data-component="buttonContent"
                   sx="[object Object]"
                 >
                   <span
-                    class="Box-sc-g0xbh4-0 hLQYlN"
+                    class="Box-sc-g0xbh4-0 hbMXXO"
                     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 cdYcYt"
+              class="Box-sc-g0xbh4-0 fIHgPG"
               data-loading-wrapper="true"
               sx="[object Object]"
             >
               <button
                 aria-describedby="«r9»-loading-announcement"
-                class="types__StyledButton-sc-ws60qy-0 eYdieS"
+                class="types__StyledButton-sc-ws60qy-0 llTEkR"
                 data-loading="false"
                 data-testid="login-submit"
                 sx="[object Object]"
                 type="button"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 cNXQpH"
+                  class="Box-sc-g0xbh4-0 jJSkGI"
                   data-component="buttonContent"
                   sx="[object Object]"
                 >
                   <span
-                    class="Box-sc-g0xbh4-0 hLQYlN"
+                    class="Box-sc-g0xbh4-0 hbMXXO"
                     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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 gVycBz"
+            class="types__StyledButton-sc-ws60qy-0 gbYXLg"
             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 cRiRbv"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
                 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 dCpCSu"
+                  class="Heading__StyledHeading-sc-1c1dgg0-0 iNQihF"
                   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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 hdUVJw"
+            class="Box-sc-g0xbh4-0 faNAuD"
             display="flex"
             flexdirection="column"
             sx="[object Object]"
           >
             <label
-              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hlYlJd"
+              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hKIAy"
               for="«r1»"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 bLqLzD"
+                class="Box-sc-g0xbh4-0 czrMio"
                 display="flex"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 hUckZh"
+                  class="Box-sc-g0xbh4-0 edJKvi"
                   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 fhFAUB fNRGPr TextInput-wrapper"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hKQRlW aWvQs TextInput-wrapper"
               sx="[object Object]"
             >
               <input
                 aria-describedby="«r1»-caption"
                 aria-invalid="false"
                 aria-required="true"
-                class="UnstyledTextInput-sc-14ypya-0 cYgFLP"
+                class="UnstyledTextInput-sc-14ypya-0 fbBvdM"
                 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 jTOhzj"
+              class="Text-sc-17v1xeu-0 bYPOyc"
               color="fg.muted"
               display="block"
               font-size="0"
               id="«r1»-caption"
             >
               <i
-                class="Text-sc-17v1xeu-0 gfWGMy"
+                class="Text-sc-17v1xeu-0 bLmNQN"
               >
                 Change only if you are using GitHub Enterprise Server
               </i>
             </span>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 QOGvM"
+                class="types__StyledButton-sc-ws60qy-0 juGpbb"
                 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 cNXQpH"
+                  class="Box-sc-g0xbh4-0 jJSkGI"
                   data-component="buttonContent"
                   sx="[object Object]"
                 >
                   <span
-                    class="Box-sc-g0xbh4-0 hLQYlN"
+                    class="Box-sc-g0xbh4-0 hbMXXO"
                     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 gfWGMy text-xs"
+                class="Text-sc-17v1xeu-0 bLmNQN text-xs"
               >
                 on GitHub to paste the token below.
               </span>
             </div>
             <i
-              class="Text-sc-17v1xeu-0 gfWGMy text-xs"
+              class="Text-sc-17v1xeu-0 bLmNQN text-xs"
             >
               The
                
               <span
                 aria-label="read:user, notifications, repo"
-                class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL tooltipped-se"
+                class="Tooltip__TooltipBase-sc-17tf59c-0 ezknIY tooltipped-se"
                 id="«r3»"
                 role="tooltip"
               >
                 <u
-                  class="Text-sc-17v1xeu-0 gfWGMy"
+                  class="Text-sc-17v1xeu-0 bLmNQN"
                 >
                   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 hdUVJw"
+            class="Box-sc-g0xbh4-0 faNAuD"
             display="flex"
             flexdirection="column"
             sx="[object Object]"
           >
             <label
-              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hlYlJd"
+              class="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0 hKIAy"
               for="«r4»"
               sx="[object Object]"
             >
               <span
-                class="Box-sc-g0xbh4-0 bLqLzD"
+                class="Box-sc-g0xbh4-0 czrMio"
                 display="flex"
               >
                 <div
-                  class="Box-sc-g0xbh4-0 hUckZh"
+                  class="Box-sc-g0xbh4-0 edJKvi"
                   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 dQEAbp eZASgg TextInput-wrapper"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hqsBbO hAxGeb TextInput-wrapper"
               sx="[object Object]"
             >
               <input
                 aria-describedby=""
                 aria-invalid="false"
                 aria-required="true"
-                class="UnstyledTextInput-sc-14ypya-0 cYgFLP"
+                class="UnstyledTextInput-sc-14ypya-0 fbBvdM"
                 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 cOGnzx TextInput-action"
+                class="Box-sc-g0xbh4-0 gMQxO 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 fcgihb"
+                  class="types__StyledButton-sc-ws60qy-0 hJQSqI"
                   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 hxvobc"
+                  class="Tooltip__StyledTooltip-sc-e45c7z-0 jQmzND"
                   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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 iTeBSL tooltipped-ne"
+            class="Tooltip__TooltipBase-sc-17tf59c-0 ezknIY tooltipped-ne"
             id="«r7»"
             role="tooltip"
           >
             <button
               aria-describedby="«r8»-loading-announcement"
-              class="types__StyledButton-sc-ws60qy-0 QOGvM"
+              class="types__StyledButton-sc-ws60qy-0 juGpbb"
               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 cNXQpH"
+                class="Box-sc-g0xbh4-0 jJSkGI"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 hLQYlN"
+                  class="Box-sc-g0xbh4-0 hbMXXO"
                   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 cdYcYt"
+            class="Box-sc-g0xbh4-0 fIHgPG"
             data-loading-wrapper="true"
             sx="[object Object]"
           >
             <button
               aria-describedby="«r9»-loading-announcement"
-              class="types__StyledButton-sc-ws60qy-0 eYdieS"
+              class="types__StyledButton-sc-ws60qy-0 llTEkR"
               data-loading="false"
               data-testid="login-submit"
               sx="[object Object]"
               type="button"
             >
               <span
-                class="Box-sc-g0xbh4-0 cNXQpH"
+                class="Box-sc-g0xbh4-0 jJSkGI"
                 data-component="buttonContent"
                 sx="[object Object]"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 hLQYlN"
+                  class="Box-sc-g0xbh4-0 hbMXXO"
                   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 094fcfac8..df8c94572 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 cRiRbv"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
       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 gVycBz"
+        class="types__StyledButton-sc-ws60qy-0 gbYXLg"
         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 cRiRbv"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
             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 dCpCSu"
+              class="Heading__StyledHeading-sc-1c1dgg0-0 iNQihF"
               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 cRiRbv"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
       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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               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 Nyvxf"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                 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 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 ilEDMK gIfOHd"
+              class="TextInputWrapper__TextInputBaseWrapper-sc-1mqhpbi-0 TextInputWrapper-sc-1mqhpbi-1 hrIuPp bspwW"
               sx="[object Object]"
             >
               <select
                 aria-invalid="false"
-                class="Select__StyledSelect-sc-li6bhs-0 hiIQKB"
+                class="Select__StyledSelect-sc-li6bhs-0 chhOie"
                 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 gQkzJk"
+                class="Select__ArrowIndicator-sc-li6bhs-1 iDogej"
                 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 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI 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 ePLgSl ml-2"
+              class="ButtonGroup-sc-1gxhls1-0 kzlbFy ml-2"
             >
               <button
                 aria-describedby="«r1»-loading-announcement"
                 aria-label="Zoom out"
-                class="types__StyledButton-sc-ws60qy-0 QOGvM"
+                class="types__StyledButton-sc-ws60qy-0 juGpbb"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -302,7 +302,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 QOGvM"
+                class="types__StyledButton-sc-ws60qy-0 juGpbb"
                 data-loading="false"
                 data-no-visuals="true"
                 data-size="small"
@@ -311,7 +311,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
                 type="button"
               >
                 <span
-                  class="Box-sc-g0xbh4-0 cNXQpH"
+                  class="Box-sc-g0xbh4-0 jJSkGI"
                   data-component="buttonContent"
                   sx="[object Object]"
                 >
@@ -326,7 +326,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 QOGvM"
+                class="types__StyledButton-sc-ws60qy-0 juGpbb"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -358,7 +358,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 gjscLt"
+                class="types__StyledButton-sc-ws60qy-0 jsQxcG"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
@@ -387,7 +387,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -439,7 +439,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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -465,7 +465,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
                 />
               </svg>
               <h2
-                class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                 sx="[object Object]"
               >
                 Notifications
@@ -474,7 +474,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
           </div>
         </legend>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           data-align="stretch"
           data-direction="vertical"
           data-gap="condensed"
@@ -483,7 +483,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -498,7 +498,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
               Group by:
             </label>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -509,21 +509,21 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
               <input
                 checked=""
                 class="size-4 cursor-pointer"
-                data-testid="radio-groupby-repository"
-                id="radio-groupby-repository"
+                data-testid="radio-groupBy-repository"
+                id="radio-groupBy-repository"
                 name="groupBy"
                 type="radio"
                 value="REPOSITORY"
               />
               <label
                 class="mr-3 font-medium cursor-pointer"
-                for="radio-groupby-repository"
+                for="radio-groupBy-repository"
               >
                 Repository
               </label>
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -533,22 +533,22 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             >
               <input
                 class="size-4 cursor-pointer"
-                data-testid="radio-groupby-date"
-                id="radio-groupby-date"
+                data-testid="radio-groupBy-date"
+                id="radio-groupBy-date"
                 name="groupBy"
                 type="radio"
                 value="DATE"
               />
               <label
                 class="mr-3 font-medium cursor-pointer"
-                for="radio-groupby-date"
+                for="radio-groupBy-date"
               >
                 Date
               </label>
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -594,7 +594,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -643,7 +643,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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               data-align="stretch"
               data-direction="vertical"
               data-gap="condensed"
@@ -652,7 +652,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
               data-wrap="nowrap"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI text-sm"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -698,7 +698,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
                 </div>
               </div>
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI text-sm"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -746,7 +746,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -791,7 +791,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -836,7 +836,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -881,7 +881,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -933,7 +933,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 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -959,7 +959,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
                 />
               </svg>
               <h2
-                class="Heading__StyledHeading-sc-1c1dgg0-0 Nyvxf"
+                class="Heading__StyledHeading-sc-1c1dgg0-0 nlGdY"
                 sx="[object Object]"
               >
                 System
@@ -968,7 +968,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
           </div>
         </legend>
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+          class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
           data-align="stretch"
           data-direction="vertical"
           data-gap="condensed"
@@ -977,7 +977,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
           data-wrap="nowrap"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -992,7 +992,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
               Open Links:
             </label>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -1003,21 +1003,21 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
               <input
                 checked=""
                 class="size-4 cursor-pointer"
-                data-testid="radio-openlinks-foreground"
-                id="radio-openlinks-foreground"
+                data-testid="radio-openLinks-foreground"
+                id="radio-openLinks-foreground"
                 name="openLinks"
                 type="radio"
                 value="FOREGROUND"
               />
               <label
                 class="mr-3 font-medium cursor-pointer"
-                for="radio-openlinks-foreground"
+                for="radio-openLinks-foreground"
               >
                 Foreground
               </label>
             </div>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -1027,22 +1027,22 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             >
               <input
                 class="size-4 cursor-pointer"
-                data-testid="radio-openlinks-background"
-                id="radio-openlinks-background"
+                data-testid="radio-openLinks-background"
+                id="radio-openLinks-background"
                 name="openLinks"
                 type="radio"
                 value="BACKGROUND"
               />
               <label
                 class="mr-3 font-medium cursor-pointer"
-                for="radio-openlinks-background"
+                for="radio-openLinks-background"
               >
                 Background
               </label>
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1088,7 +1088,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1111,7 +1111,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </label>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1137,7 +1137,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             class="Box-sc-g0xbh4-0"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
+              class="Stack__StyledStack-sc-x3xa2i-0 oXGHI text-sm"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -1146,7 +1146,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
               data-wrap="nowrap"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
+                class="Stack__StyledStack-sc-x3xa2i-0 oXGHI text-sm"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -1169,12 +1169,13 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
                 </label>
               </div>
               <div
-                class="ButtonGroup-sc-1gxhls1-0 ePLgSl ml-2"
+                class="ButtonGroup-sc-1gxhls1-0 kzlbFy ml-2"
+                data-testid="settings-volume-group"
               >
                 <button
                   aria-describedby="«r5»-loading-announcement"
                   aria-label="Volume down"
-                  class="types__StyledButton-sc-ws60qy-0 QOGvM"
+                  class="types__StyledButton-sc-ws60qy-0 juGpbb"
                   data-component="IconButton"
                   data-loading="false"
                   data-no-visuals="true"
@@ -1186,6 +1187,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
                   <svg
                     aria-label="Volume Down Icon"
                     class="size-4"
+                    fill="currentColor"
                     height="24"
                     role="img"
                     viewBox="0 0 24 24"
@@ -1207,7 +1209,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
                 <button
                   aria-describedby="«r6»-loading-announcement"
                   aria-label="Volume percentage"
-                  class="types__StyledButton-sc-ws60qy-0 QOGvM"
+                  class="types__StyledButton-sc-ws60qy-0 juGpbb"
                   data-loading="false"
                   data-no-visuals="true"
                   data-size="small"
@@ -1216,7 +1218,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
                   type="button"
                 >
                   <span
-                    class="Box-sc-g0xbh4-0 cNXQpH"
+                    class="Box-sc-g0xbh4-0 jJSkGI"
                     data-component="buttonContent"
                     sx="[object Object]"
                   >
@@ -1231,7 +1233,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
                 <button
                   aria-describedby="«r7»-loading-announcement"
                   aria-label="Volume up"
-                  class="types__StyledButton-sc-ws60qy-0 QOGvM"
+                  class="types__StyledButton-sc-ws60qy-0 juGpbb"
                   data-component="IconButton"
                   data-loading="false"
                   data-no-visuals="true"
@@ -1243,6 +1245,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
                   <svg
                     aria-label="Volume Up Icon"
                     class="size-4"
+                    fill="currentColor"
                     height="24"
                     role="img"
                     viewBox="0 0 24 24"
@@ -1260,7 +1263,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
                 <button
                   aria-describedby="«r8»-loading-announcement"
                   aria-label="Reset volume"
-                  class="types__StyledButton-sc-ws60qy-0 gjscLt"
+                  class="types__StyledButton-sc-ws60qy-0 jsQxcG"
                   data-component="IconButton"
                   data-loading="false"
                   data-no-visuals="true"
@@ -1290,7 +1293,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1335,7 +1338,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             </div>
           </div>
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv text-sm"
+            class="Stack__StyledStack-sc-x3xa2i-0 oXGHI text-sm"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1359,7 +1362,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
         </div>
       </fieldset>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         data-align="center"
         data-direction="vertical"
         data-justify="start"
@@ -1368,7 +1371,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
       >
         <button
           aria-describedby="«r9»-loading-announcement"
-          class="types__StyledButton-sc-ws60qy-0 fZJSho"
+          class="types__StyledButton-sc-ws60qy-0 bQJNcD"
           data-loading="false"
           data-no-visuals="true"
           data-testid="settings-reset"
@@ -1376,7 +1379,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
           type="button"
         >
           <span
-            class="Box-sc-g0xbh4-0 cNXQpH"
+            class="Box-sc-g0xbh4-0 jJSkGI"
             data-component="buttonContent"
             sx="[object Object]"
           >
@@ -1394,7 +1397,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 cRiRbv"
+      class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
       data-align="stretch"
       data-direction="horizontal"
       data-justify="space-between"
@@ -1402,7 +1405,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
       data-wrap="nowrap"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         data-align="stretch"
         data-direction="horizontal"
         data-justify="start"
@@ -1411,13 +1414,13 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
       >
         <span
           aria-label="View release notes"
-          class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL tooltipped-n"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 ezknIY tooltipped-n"
           id="«ra»"
           role="tooltip"
         >
           <button
             aria-describedby="«rb»-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 QOGvM"
+            class="types__StyledButton-sc-ws60qy-0 juGpbb"
             data-loading="false"
             data-no-visuals="true"
             data-testid="settings-release-notes"
@@ -1425,7 +1428,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
             type="button"
           >
             <span
-              class="Box-sc-g0xbh4-0 cNXQpH"
+              class="Box-sc-g0xbh4-0 jJSkGI"
               data-component="buttonContent"
               sx="[object Object]"
             >
@@ -1441,7 +1444,7 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
         </span>
       </div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 cRiRbv"
+        class="Stack__StyledStack-sc-x3xa2i-0 oXGHI"
         data-align="stretch"
         data-direction="horizontal"
         data-gap="normal"
@@ -1451,14 +1454,14 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
       >
         <span
           aria-label="Accounts"
-          class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL tooltipped-n"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 ezknIY tooltipped-n"
           id="«rc»"
           role="tooltip"
         >
           <button
             aria-describedby="«rd»-loading-announcement"
             aria-label="Accounts"
-            class="types__StyledButton-sc-ws60qy-0 QOGvM"
+            class="types__StyledButton-sc-ws60qy-0 juGpbb"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
@@ -1486,14 +1489,14 @@ exports[`renderer/routes/Settings.tsx should render itself & its children 1`] =
         </span>
         <span
           aria-label="Quit Gitify"
-          class="Tooltip__TooltipBase-sc-17tf59c-0 iTeBSL tooltipped-nw"
+          class="Tooltip__TooltipBase-sc-17tf59c-0 ezknIY tooltipped-nw"
           id="«re»"
           role="tooltip"
         >
           <button
             aria-describedby="«rf»-loading-announcement"
             aria-label="Quit Gitify"
-            class="types__StyledButton-sc-ws60qy-0 gjscLt"
+            class="types__StyledButton-sc-ws60qy-0 jsQxcG"
             data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
diff --git a/src/renderer/utils/api/client.test.ts b/src/renderer/utils/api/client.test.ts
index f7b9acbd2..0edf752db 100644
--- a/src/renderer/utils/api/client.test.ts
+++ b/src/renderer/utils/api/client.test.ts
@@ -1,4 +1,5 @@
 import axios, { type AxiosPromise, type AxiosResponse } from 'axios';
+
 import * as logger from '../../../shared/logger';
 import {
   mockGitHubCloudAccount,
diff --git a/src/renderer/utils/api/errors.test.ts b/src/renderer/utils/api/errors.test.ts
index 321003ffc..da440b18e 100644
--- a/src/renderer/utils/api/errors.test.ts
+++ b/src/renderer/utils/api/errors.test.ts
@@ -1,4 +1,5 @@
 import { AxiosError, type AxiosResponse } from 'axios';
+
 import type { Link } from '../../types';
 import type { GitHubRESTError } from '../../typesGitHub';
 import { Errors } from '../errors';
diff --git a/src/renderer/utils/api/request.test.ts b/src/renderer/utils/api/request.test.ts
index 13cca1661..fcc1785f9 100644
--- a/src/renderer/utils/api/request.test.ts
+++ b/src/renderer/utils/api/request.test.ts
@@ -1,4 +1,5 @@
 import axios from 'axios';
+
 import type { Link, Token } from '../../types';
 import { apiRequest, apiRequestAuth } from './request';
 
diff --git a/src/renderer/utils/api/utils.test.ts b/src/renderer/utils/api/utils.test.ts
index 1c4df5505..9435c95cc 100644
--- a/src/renderer/utils/api/utils.test.ts
+++ b/src/renderer/utils/api/utils.test.ts
@@ -1,4 +1,5 @@
 import type { AxiosResponse } from 'axios';
+
 import type { Hostname } from '../../types';
 import {
   getGitHubAPIBaseUrl,
diff --git a/src/renderer/utils/auth/utils.test.ts b/src/renderer/utils/auth/utils.test.ts
index 9e38b5ff6..276e7d89f 100644
--- a/src/renderer/utils/auth/utils.test.ts
+++ b/src/renderer/utils/auth/utils.test.ts
@@ -2,6 +2,7 @@ import axios from 'axios';
 import type { AxiosPromise, AxiosResponse } from 'axios';
 import { ipcRenderer } from 'electron';
 import nock from 'nock';
+
 import {
   mockAuth,
   mockGitHubCloudAccount,
diff --git a/src/renderer/utils/helpers.test.ts b/src/renderer/utils/helpers.test.ts
index ffaa1e939..77c702927 100644
--- a/src/renderer/utils/helpers.test.ts
+++ b/src/renderer/utils/helpers.test.ts
@@ -1,13 +1,12 @@
-import type { AxiosPromise, AxiosResponse } from 'axios';
-import { mockPersonalAccessTokenAccount } from '../__mocks__/state-mocks';
-
 import {
   ChevronDownIcon,
   ChevronLeftIcon,
   ChevronRightIcon,
 } from '@primer/octicons-react';
+import type { AxiosPromise, AxiosResponse } from 'axios';
 
 import * as logger from '../../shared/logger';
+import { mockPersonalAccessTokenAccount } from '../__mocks__/state-mocks';
 import type { Hostname, Link } from '../types';
 import type { SubjectType } from '../typesGitHub';
 import {
diff --git a/src/renderer/utils/icons.test.ts b/src/renderer/utils/icons.test.ts
index c037d27f5..12a57331a 100644
--- a/src/renderer/utils/icons.test.ts
+++ b/src/renderer/utils/icons.test.ts
@@ -6,6 +6,7 @@ import {
   MarkGithubIcon,
   OrganizationIcon,
 } from '@primer/octicons-react';
+
 import { IconColor } from '../types';
 import type {
   GitifyPullRequestReview,