From 808b3318c0ec5c59f0842eff4342eb5c9936261b Mon Sep 17 00:00:00 2001
From: Adam Setch <adam.setch@outlook.com>
Date: Wed, 29 Jan 2025 21:51:40 -0500
Subject: [PATCH 1/4] feat: avatar length handling

Signed-off-by: Adam Setch <adam.setch@outlook.com>
---
 .../components/avatars/AvatarWithFallback.tsx |  10 +-
 src/renderer/routes/Accounts.tsx              | 177 +++++++++---------
 2 files changed, 94 insertions(+), 93 deletions(-)

diff --git a/src/renderer/components/avatars/AvatarWithFallback.tsx b/src/renderer/components/avatars/AvatarWithFallback.tsx
index a2f6149a3..05df46b3d 100644
--- a/src/renderer/components/avatars/AvatarWithFallback.tsx
+++ b/src/renderer/components/avatars/AvatarWithFallback.tsx
@@ -2,7 +2,7 @@ import type React from 'react';
 import { useState } from 'react';
 
 import { FeedPersonIcon, MarkGithubIcon } from '@primer/octicons-react';
-import { Avatar, Stack, Text } from '@primer/react';
+import { Avatar, Stack, Truncate } from '@primer/react';
 
 import { type Link, Size } from '../../types';
 import type { UserType } from '../../typesGitHub';
@@ -52,10 +52,10 @@ export const AvatarWithFallback: React.FC<IAvatarWithFallback> = ({
         />
       )}
       {name && (
-        // TODO add truncation logic for long names
-        <Text className="block truncate flex-shrink overflow-ellipsis">
-          {name}
-        </Text>
+        <Truncate title={name} inline maxWidth={280}>
+          asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun
+          piunaspiufnpiuadspdsfainfdsai
+        </Truncate>
       )}
     </Stack>
   );
diff --git a/src/renderer/routes/Accounts.tsx b/src/renderer/routes/Accounts.tsx
index c6afe1abd..a6077378d 100644
--- a/src/renderer/routes/Accounts.tsx
+++ b/src/renderer/routes/Accounts.tsx
@@ -123,13 +123,8 @@ export const AccountsRoute: FC = () => {
               key={accountUUID}
               className="rounded-md p-2 mb-4 bg-gitify-accounts"
             >
-              <Stack
-                direction="horizontal"
-                gap="condensed"
-                align="center"
-                justify="space-between"
-              >
-                <Stack direction="vertical" align="start" gap="condensed">
+              <Stack direction="horizontal">
+                <Stack direction="vertical">
                   <Button
                     title="Open account profile"
                     onClick={() => openAccountProfile(account)}
@@ -143,95 +138,101 @@ export const AccountsRoute: FC = () => {
                     />
                   </Button>
 
-                  <Box className="pl-4 pb-2 text-xs">
-                    <Stack direction="vertical" gap="condensed">
-                      <Box hidden={!account.user.name}>
-                        <Stack
-                          direction="horizontal"
-                          gap="condensed"
-                          align="center"
-                        >
-                          <PersonIcon />
-                          <Text>{account.user?.name}</Text>
-                        </Stack>
-                      </Box>
+                  <Stack
+                    direction="horizontal"
+                    justify="space-between"
+                    align="center"
+                  >
+                    <Box className="pl-4 pb-2 text-xs">
+                      <Stack direction="vertical" gap="condensed">
+                        <Box hidden={!account.user.name}>
+                          <Stack
+                            direction="horizontal"
+                            gap="condensed"
+                            align="center"
+                          >
+                            <PersonIcon />
+                            <Text>{account.user?.name}</Text>
+                          </Stack>
+                        </Box>
 
-                      <Box
-                        title="Open host"
-                        onClick={() => openHost(account.hostname)}
-                        className="cursor-pointer"
-                        data-testid="account-host"
-                      >
-                        <Stack
-                          direction="horizontal"
-                          gap="condensed"
-                          align="center"
+                        <Box
+                          title="Open host"
+                          onClick={() => openHost(account.hostname)}
+                          className="cursor-pointer"
+                          data-testid="account-host"
                         >
-                          <PlatformIcon />
-                          <Text>{account.hostname}</Text>
-                        </Stack>
-                      </Box>
+                          <Stack
+                            direction="horizontal"
+                            gap="condensed"
+                            align="center"
+                          >
+                            <PlatformIcon />
+                            <Text>{account.hostname}</Text>
+                          </Stack>
+                        </Box>
 
-                      <Box
-                        title="Open developer settings"
-                        onClick={() => openDeveloperSettings(account)}
-                        className="cursor-pointer"
-                        data-testid="account-developer-settings"
-                      >
-                        <Stack
-                          direction="horizontal"
-                          gap="condensed"
-                          align="center"
+                        <Box
+                          title="Open developer settings"
+                          onClick={() => openDeveloperSettings(account)}
+                          className="cursor-pointer"
+                          data-testid="account-developer-settings"
                         >
-                          <AuthMethodIcon />
-                          <Text>{account.method}</Text>
-                        </Stack>
-                      </Box>
-                    </Stack>
-                  </Box>
-                </Stack>
+                          <Stack
+                            direction="horizontal"
+                            gap="condensed"
+                            align="center"
+                          >
+                            <AuthMethodIcon />
+                            <Text>{account.method}</Text>
+                          </Stack>
+                        </Box>
+                      </Stack>
+                    </Box>
 
-                <Stack direction="horizontal" gap="condensed">
-                  <IconButton
-                    icon={AlertFillIcon}
-                    aria-label={`This account is missing one or more required scopes: [${formatRequiredScopes()}]`}
-                    variant="danger"
-                    onClick={() => openDeveloperSettings(account)}
-                    size="small"
-                    data-testid="account-missing-scopes"
-                    className={
-                      account.hasRequiredScopes ? 'invisible' : 'visible'
-                    }
-                  />
+                    <Stack direction="horizontal" gap="condensed">
+                      <IconButton
+                        icon={AlertFillIcon}
+                        aria-label={`This account is missing one or more required scopes: [${formatRequiredScopes()}]`}
+                        variant="danger"
+                        onClick={() => openDeveloperSettings(account)}
+                        size="small"
+                        data-testid="account-missing-scopes"
+                        className={
+                          account.hasRequiredScopes ? 'invisible' : 'visible'
+                        }
+                      />
 
-                  <IconButton
-                    icon={i === 0 ? StarFillIcon : StarIcon}
-                    aria-label={
-                      i === 0 ? 'Primary account' : 'Set as primary account'
-                    }
-                    variant={i === 0 ? 'primary' : 'default'}
-                    onClick={() => setAsPrimaryAccount(account)}
-                    size="small"
-                    data-testid="account-set-primary"
-                  />
+                      <IconButton
+                        icon={i === 0 ? StarFillIcon : StarIcon}
+                        aria-label={
+                          i === 0 ? 'Primary account' : 'Set as primary account'
+                        }
+                        variant={i === 0 ? 'primary' : 'default'}
+                        onClick={() => setAsPrimaryAccount(account)}
+                        size="small"
+                        data-testid="account-set-primary"
+                      />
 
-                  <IconButton
-                    icon={SyncIcon}
-                    aria-label={`Refresh ${account.user.login}`}
-                    onClick={() => handleRefresh(account)}
-                    size="small"
-                    loading={loadingStates[accountUUID] || false}
-                    data-testid="account-refresh"
-                  />
+                      <IconButton
+                        icon={SyncIcon}
+                        aria-label={`Refresh ${account.user.login}`}
+                        onClick={() => handleRefresh(account)}
+                        size="small"
+                        loading={loadingStates[accountUUID] || false}
+                        data-testid="account-refresh"
+                      />
 
-                  <IconButton
-                    icon={SignOutIcon}
-                    aria-label={`Logout ${account.user.login}`}
-                    variant="danger"
-                    onClick={() => logoutAccount(account)}
-                    size="small"
-                    data-testid="account-logout"
-                  />
+                      <IconButton
+                        icon={SignOutIcon}
+                        aria-label={`Logout ${account.user.login}`}
+                        variant="danger"
+                        onClick={() => logoutAccount(account)}
+                        size="small"
+                        data-testid="account-logout"
+                      />
+                    </Stack>
+                  </Stack>
                 </Stack>
               </Stack>
             </Box>

From 5ea227b4cb569142bf54f32890dd5202c6be0b7a Mon Sep 17 00:00:00 2001
From: Adam Setch <adam.setch@outlook.com>
Date: Wed, 29 Jan 2025 21:52:30 -0500
Subject: [PATCH 2/4] feat: avatar length handling

Signed-off-by: Adam Setch <adam.setch@outlook.com>
---
 .../AvatarWithFallback.test.tsx.snap          |  100 +-
 .../AccountNotifications.test.tsx.snap        |  150 +-
 .../NotificationHeader.test.tsx.snap          |   60 +-
 .../NotificationRow.test.tsx.snap             |   20 +-
 .../RepositoryNotifications.test.tsx.snap     |   70 +-
 .../__snapshots__/Accounts.test.tsx.snap      | 5273 +++++++++--------
 6 files changed, 2917 insertions(+), 2756 deletions(-)

diff --git a/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap b/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap
index ad94442ee..47be53f32 100644
--- a/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap
+++ b/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap
@@ -31,11 +31,13 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
             d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm.847-8.145a2.502 2.502 0 1 0-1.694 0C5.471 8.261 4 9.775 4 11c0 .395.145.995 1 .995h6c.855 0 1-.6 1-.995 0-1.224-1.47-2.74-3.153-3.145Z"
           />
         </svg>
-        <span
-          class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+        <div
+          class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+          maxwidth="280"
+          title="@gitify-app"
         >
-          @gitify-app
-        </span>
+          asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+        </div>
       </div>
     </div>
   </body>,
@@ -66,11 +68,13 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
           d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm.847-8.145a2.502 2.502 0 1 0-1.694 0C5.471 8.261 4 9.775 4 11c0 .395.145.995 1 .995h6c.855 0 1-.6 1-.995 0-1.224-1.47-2.74-3.153-3.145Z"
         />
       </svg>
-      <span
-        class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+      <div
+        class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+        maxwidth="280"
+        title="@gitify-app"
       >
-        @gitify-app
-      </span>
+        asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+      </div>
     </div>
   </div>,
   "debug": [Function],
@@ -158,11 +162,13 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
             d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
           />
         </svg>
-        <span
-          class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+        <div
+          class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+          maxwidth="280"
+          title="@gitify-app"
         >
-          @gitify-app
-        </span>
+          asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+        </div>
       </div>
     </div>
   </body>,
@@ -193,11 +199,13 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
           d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
         />
       </svg>
-      <span
-        class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+      <div
+        class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+        maxwidth="280"
+        title="@gitify-app"
       >
-        @gitify-app
-      </span>
+        asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+      </div>
     </div>
   </div>,
   "debug": [Function],
@@ -275,11 +283,13 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
     sx="[object Object]"
     width="16"
   />
-  <span
-    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+  <div
+    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+    maxwidth="280"
+    title="@gitify-app"
   >
-    @gitify-app
-  </span>
+    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+  </div>
 </div>
 `;
 
@@ -304,11 +314,13 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
     sx="[object Object]"
     width="16"
   />
-  <span
-    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+  <div
+    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+    maxwidth="280"
+    title="@gitify-app"
   >
-    @gitify-app
-  </span>
+    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+  </div>
 </div>
 `;
 
@@ -337,11 +349,13 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
           sx="[object Object]"
           width="16"
         />
-        <span
-          class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+        <div
+          class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+          maxwidth="280"
+          title="@gitify-app"
         >
-          @gitify-app
-        </span>
+          asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+        </div>
       </div>
     </div>
   </body>,
@@ -366,11 +380,13 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
         sx="[object Object]"
         width="16"
       />
-      <span
-        class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+      <div
+        class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+        maxwidth="280"
+        title="@gitify-app"
       >
-        @gitify-app
-      </span>
+        asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+      </div>
     </div>
   </div>,
   "debug": [Function],
@@ -452,11 +468,13 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
           sx="[object Object]"
           width="16"
         />
-        <span
-          class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+        <div
+          class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+          maxwidth="280"
+          title="@gitify-app"
         >
-          @gitify-app
-        </span>
+          asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+        </div>
       </div>
     </div>
   </body>,
@@ -481,11 +499,13 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
         sx="[object Object]"
         width="16"
       />
-      <span
-        class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+      <div
+        class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+        maxwidth="280"
+        title="@gitify-app"
       >
-        @gitify-app
-      </span>
+        asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+      </div>
     </div>
   </div>,
   "debug": [Function],
diff --git a/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap
index 1d30107d3..7cae8f7d3 100644
--- a/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap
+++ b/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap
@@ -55,11 +55,13 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                     sx="[object Object]"
                     width="16"
                   />
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                  <div
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    maxwidth="280"
+                    title="@octocat"
                   >
-                    @octocat
-                  </span>
+                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  </div>
                 </div>
               </span>
               <span
@@ -292,11 +294,13 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                   sx="[object Object]"
                   width="16"
                 />
-                <span
-                  class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                <div
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                  maxwidth="280"
+                  title="@octocat"
                 >
-                  @octocat
-                </span>
+                  asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                </div>
               </div>
             </span>
             <span
@@ -586,11 +590,13 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                     sx="[object Object]"
                     width="16"
                   />
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                  <div
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    maxwidth="280"
+                    title="@octocat"
                   >
-                    @octocat
-                  </span>
+                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  </div>
                 </div>
               </span>
               <span
@@ -806,11 +812,13 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                       sx="[object Object]"
                       width="14"
                     />
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                    <div
+                      class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                      maxwidth="280"
+                      title="gitify-app/notifications-test"
                     >
-                      gitify-app/notifications-test
-                    </span>
+                      asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    </div>
                   </div>
                 </div>
                 <div
@@ -1163,11 +1171,13 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                       sx="[object Object]"
                       width="14"
                     />
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                    <div
+                      class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                      maxwidth="280"
+                      title="gitify-app/notifications-test"
                     >
-                      gitify-app/notifications-test
-                    </span>
+                      asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    </div>
                   </div>
                 </div>
                 <div
@@ -1413,11 +1423,13 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                   sx="[object Object]"
                   width="16"
                 />
-                <span
-                  class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                <div
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                  maxwidth="280"
+                  title="@octocat"
                 >
-                  @octocat
-                </span>
+                  asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                </div>
               </div>
             </span>
             <span
@@ -1633,11 +1645,13 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                     sx="[object Object]"
                     width="14"
                   />
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                  <div
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    maxwidth="280"
+                    title="gitify-app/notifications-test"
                   >
-                    gitify-app/notifications-test
-                  </span>
+                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  </div>
                 </div>
               </div>
               <div
@@ -1990,11 +2004,13 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                     sx="[object Object]"
                     width="14"
                   />
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                  <div
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    maxwidth="280"
+                    title="gitify-app/notifications-test"
                   >
-                    gitify-app/notifications-test
-                  </span>
+                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  </div>
                 </div>
               </div>
               <div
@@ -2297,11 +2313,13 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                     sx="[object Object]"
                     width="16"
                   />
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                  <div
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    maxwidth="280"
+                    title="@octocat"
                   >
-                    @octocat
-                  </span>
+                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  </div>
                 </div>
               </span>
               <span
@@ -2488,11 +2506,13 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                   sx="[object Object]"
                   width="16"
                 />
-                <span
-                  class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                <div
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                  maxwidth="280"
+                  title="@octocat"
                 >
-                  @octocat
-                </span>
+                  asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                </div>
               </div>
             </span>
             <span
@@ -2736,11 +2756,13 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                     sx="[object Object]"
                     width="16"
                   />
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                  <div
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    maxwidth="280"
+                    title="@octocat"
                   >
-                    @octocat
-                  </span>
+                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  </div>
                 </div>
               </span>
               <span
@@ -2968,11 +2990,13 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                   sx="[object Object]"
                   width="16"
                 />
-                <span
-                  class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                <div
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                  maxwidth="280"
+                  title="@octocat"
                 >
-                  @octocat
-                </span>
+                  asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                </div>
               </div>
             </span>
             <span
@@ -3257,11 +3281,13 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
                     sx="[object Object]"
                     width="16"
                   />
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                  <div
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    maxwidth="280"
+                    title="@octocat"
                   >
-                    @octocat
-                  </span>
+                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  </div>
                 </div>
               </span>
               <span
@@ -3444,11 +3470,13 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
                     sx="[object Object]"
                     width="16"
                   />
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                  <div
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    maxwidth="280"
+                    title="@octocat"
                   >
-                    @octocat
-                  </span>
+                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  </div>
                 </div>
               </span>
               <span
@@ -3635,11 +3663,13 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
                   sx="[object Object]"
                   width="16"
                 />
-                <span
-                  class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                <div
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                  maxwidth="280"
+                  title="@octocat"
                 >
-                  @octocat
-                </span>
+                  asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                </div>
               </div>
             </span>
             <span
diff --git a/src/renderer/components/notifications/__snapshots__/NotificationHeader.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/NotificationHeader.test.tsx.snap
index 4bc42239e..816f6e10d 100644
--- a/src/renderer/components/notifications/__snapshots__/NotificationHeader.test.tsx.snap
+++ b/src/renderer/components/notifications/__snapshots__/NotificationHeader.test.tsx.snap
@@ -42,11 +42,13 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
                 sx="[object Object]"
                 width="14"
               />
-              <span
-                class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+              <div
+                class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                maxwidth="280"
+                title="gitify-app/notifications-test"
               >
-                gitify-app/notifications-test
-              </span>
+                asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+              </div>
             </div>
           </div>
           <div
@@ -94,11 +96,13 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
               sx="[object Object]"
               width="14"
             />
-            <span
-              class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+            <div
+              class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+              maxwidth="280"
+              title="gitify-app/notifications-test"
             >
-              gitify-app/notifications-test
-            </span>
+              asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+            </div>
           </div>
         </div>
         <div
@@ -203,11 +207,13 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
                 sx="[object Object]"
                 width="14"
               />
-              <span
-                class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+              <div
+                class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                maxwidth="280"
+                title="gitify-app/notifications-test"
               >
-                gitify-app/notifications-test
-              </span>
+                asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+              </div>
             </div>
           </div>
           <div
@@ -255,11 +261,13 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
               sx="[object Object]"
               width="14"
             />
-            <span
-              class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+            <div
+              class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+              maxwidth="280"
+              title="gitify-app/notifications-test"
             >
-              gitify-app/notifications-test
-            </span>
+              asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+            </div>
           </div>
         </div>
         <div
@@ -364,11 +372,13 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
                 sx="[object Object]"
                 width="14"
               />
-              <span
-                class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+              <div
+                class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                maxwidth="280"
+                title="gitify-app/notifications-test"
               >
-                gitify-app/notifications-test
-              </span>
+                asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+              </div>
             </div>
           </div>
           <div
@@ -416,11 +426,13 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
               sx="[object Object]"
               width="14"
             />
-            <span
-              class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+            <div
+              class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+              maxwidth="280"
+              title="gitify-app/notifications-test"
             >
-              gitify-app/notifications-test
-            </span>
+              asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+            </div>
           </div>
         </div>
         <div
diff --git a/src/renderer/components/notifications/__snapshots__/NotificationRow.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/NotificationRow.test.tsx.snap
index fd1ed36b4..bc089f87c 100644
--- a/src/renderer/components/notifications/__snapshots__/NotificationRow.test.tsx.snap
+++ b/src/renderer/components/notifications/__snapshots__/NotificationRow.test.tsx.snap
@@ -90,11 +90,13 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                       sx="[object Object]"
                       width="14"
                     />
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                    <div
+                      class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                      maxwidth="280"
+                      title="gitify-app/notifications-test"
                     >
-                      gitify-app/notifications-test
-                    </span>
+                      asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    </div>
                   </div>
                 </div>
                 <div
@@ -450,11 +452,13 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                     sx="[object Object]"
                     width="14"
                   />
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                  <div
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    maxwidth="280"
+                    title="gitify-app/notifications-test"
                   >
-                    gitify-app/notifications-test
-                  </span>
+                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  </div>
                 </div>
               </div>
               <div
diff --git a/src/renderer/components/notifications/__snapshots__/RepositoryNotifications.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/RepositoryNotifications.test.tsx.snap
index e5b9929f0..1d13512fe 100644
--- a/src/renderer/components/notifications/__snapshots__/RepositoryNotifications.test.tsx.snap
+++ b/src/renderer/components/notifications/__snapshots__/RepositoryNotifications.test.tsx.snap
@@ -55,11 +55,13 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
                     sx="[object Object]"
                     width="18"
                   />
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                  <div
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    maxwidth="280"
+                    title="gitify-app/notifications-test"
                   >
-                    gitify-app/notifications-test
-                  </span>
+                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  </div>
                 </div>
               </span>
               <span
@@ -246,11 +248,13 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
                   sx="[object Object]"
                   width="18"
                 />
-                <span
-                  class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                <div
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                  maxwidth="280"
+                  title="gitify-app/notifications-test"
                 >
-                  gitify-app/notifications-test
-                </span>
+                  asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                </div>
               </div>
             </span>
             <span
@@ -500,11 +504,13 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
                       d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm.847-8.145a2.502 2.502 0 1 0-1.694 0C5.471 8.261 4 9.775 4 11c0 .395.145.995 1 .995h6c.855 0 1-.6 1-.995 0-1.224-1.47-2.74-3.153-3.145Z"
                     />
                   </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                  <div
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    maxwidth="280"
+                    title="gitify-app/notifications-test"
                   >
-                    gitify-app/notifications-test
-                  </span>
+                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  </div>
                 </div>
               </span>
               <span
@@ -690,11 +696,13 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
                       d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm.847-8.145a2.502 2.502 0 1 0-1.694 0C5.471 8.261 4 9.775 4 11c0 .395.145.995 1 .995h6c.855 0 1-.6 1-.995 0-1.224-1.47-2.74-3.153-3.145Z"
                     />
                   </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                  <div
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    maxwidth="280"
+                    title="gitify-app/notifications-test"
                   >
-                    gitify-app/notifications-test
-                  </span>
+                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  </div>
                 </div>
               </span>
               <span
@@ -887,11 +895,13 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
                     d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm.847-8.145a2.502 2.502 0 1 0-1.694 0C5.471 8.261 4 9.775 4 11c0 .395.145.995 1 .995h6c.855 0 1-.6 1-.995 0-1.224-1.47-2.74-3.153-3.145Z"
                   />
                 </svg>
-                <span
-                  class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                <div
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                  maxwidth="280"
+                  title="gitify-app/notifications-test"
                 >
-                  gitify-app/notifications-test
-                </span>
+                  asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                </div>
               </div>
             </span>
             <span
@@ -1141,11 +1151,13 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
                       d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm.847-8.145a2.502 2.502 0 1 0-1.694 0C5.471 8.261 4 9.775 4 11c0 .395.145.995 1 .995h6c.855 0 1-.6 1-.995 0-1.224-1.47-2.74-3.153-3.145Z"
                     />
                   </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                  <div
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    maxwidth="280"
+                    title="gitify-app/notifications-test"
                   >
-                    gitify-app/notifications-test
-                  </span>
+                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  </div>
                 </div>
               </span>
               <span
@@ -1338,11 +1350,13 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
                     d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm.847-8.145a2.502 2.502 0 1 0-1.694 0C5.471 8.261 4 9.775 4 11c0 .395.145.995 1 .995h6c.855 0 1-.6 1-.995 0-1.224-1.47-2.74-3.153-3.145Z"
                   />
                 </svg>
-                <span
-                  class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                <div
+                  class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                  maxwidth="280"
+                  title="gitify-app/notifications-test"
                 >
-                  gitify-app/notifications-test
-                </span>
+                  asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                </div>
               </div>
             </span>
             <span
diff --git a/src/renderer/routes/__snapshots__/Accounts.test.tsx.snap b/src/renderer/routes/__snapshots__/Accounts.test.tsx.snap
index 8d72a4806..0547ecc7f 100644
--- a/src/renderer/routes/__snapshots__/Accounts.test.tsx.snap
+++ b/src/renderer/routes/__snapshots__/Accounts.test.tsx.snap
@@ -93,18 +93,16 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
     >
       <div
         class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-        data-align="center"
+        data-align="stretch"
         data-direction="horizontal"
-        data-gap="condensed"
-        data-justify="space-between"
+        data-justify="start"
         data-padding="none"
         data-wrap="nowrap"
       >
         <div
           class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="start"
+          data-align="stretch"
           data-direction="vertical"
-          data-gap="condensed"
           data-justify="start"
           data-padding="none"
           data-wrap="nowrap"
@@ -147,116 +145,253 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     sx="[object Object]"
                     width="20"
                   />
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                  <div
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    maxwidth="280"
+                    title="@octocat"
                   >
-                    @octocat
-                  </span>
+                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  </div>
                 </div>
               </span>
             </span>
           </button>
           <div
-            class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            data-align="center"
+            data-direction="horizontal"
+            data-justify="space-between"
+            data-padding="none"
+            data-wrap="nowrap"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-              data-align="stretch"
-              data-direction="vertical"
-              data-gap="condensed"
-              data-justify="start"
-              data-padding="none"
-              data-wrap="nowrap"
+              class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
             >
               <div
-                class="Box-sc-g0xbh4-0"
+                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                data-align="stretch"
+                data-direction="vertical"
+                data-gap="condensed"
+                data-justify="start"
+                data-padding="none"
+                data-wrap="nowrap"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
+                  class="Box-sc-g0xbh4-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    class="octicon octicon-person"
-                    display="inline-block"
-                    fill="currentColor"
-                    focusable="false"
-                    height="16"
-                    overflow="visible"
-                    style="vertical-align: text-bottom;"
-                    viewBox="0 0 16 16"
-                    width="16"
-                  >
-                    <path
-                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
-                    />
-                  </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
                   >
-                    Mona Lisa Octocat
-                  </span>
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-person"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      Mona Lisa Octocat
+                    </span>
+                  </div>
                 </div>
-              </div>
-              <div
-                class="Box-sc-g0xbh4-0 cursor-pointer"
-                data-testid="account-host"
-                title="Open host"
-              >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
+                  class="Box-sc-g0xbh4-0 cursor-pointer"
+                  data-testid="account-host"
+                  title="Open host"
                 >
-                  <svg
-                    aria-hidden="true"
-                    class="octicon octicon-mark-github"
-                    display="inline-block"
-                    fill="currentColor"
-                    focusable="false"
-                    height="16"
-                    overflow="visible"
-                    style="vertical-align: text-bottom;"
-                    viewBox="0 0 16 16"
-                    width="16"
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
                   >
-                    <path
-                      d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
-                    />
-                  </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-mark-github"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      github.com
+                    </span>
+                  </div>
+                </div>
+                <div
+                  class="Box-sc-g0xbh4-0 cursor-pointer"
+                  data-testid="account-developer-settings"
+                  title="Open developer settings"
+                >
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
                   >
-                    github.com
-                  </span>
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-key"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M10.5 0a5.499 5.499 0 1 1-1.288 10.848l-.932.932a.749.749 0 0 1-.53.22H7v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22H5v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22h-2A1.75 1.75 0 0 1 0 14.25v-2c0-.199.079-.389.22-.53l4.932-4.932A5.5 5.5 0 0 1 10.5 0Zm-4 5.5c-.001.431.069.86.205 1.269a.75.75 0 0 1-.181.768L1.5 12.56v1.69c0 .138.112.25.25.25h1.69l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l1.023-1.025a.75.75 0 0 1 .768-.18A4 4 0 1 0 6.5 5.5ZM11 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      Personal Access Token
+                    </span>
+                  </div>
                 </div>
               </div>
+            </div>
+            <div
+              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              data-align="stretch"
+              data-direction="horizontal"
+              data-gap="condensed"
+              data-justify="start"
+              data-padding="none"
+              data-wrap="nowrap"
+            >
+              <button
+                aria-describedby=":r2v:-loading-announcement"
+                aria-labelledby=":r2u:"
+                class="types__StyledButton-sc-ws60qy-0 cYZGEC visible"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-missing-scopes"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-alert-fill"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                  />
+                </svg>
+              </button>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r2u:"
+                popover="auto"
+              >
+                This account is missing one or more required scopes: [read:user, notifications, repo]
+              </span>
+              <button
+                aria-describedby=":r31:-loading-announcement"
+                aria-labelledby=":r30:"
+                class="types__StyledButton-sc-ws60qy-0 gEWhIh"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-set-primary"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-star-fill"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Z"
+                  />
+                </svg>
+              </button>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r30:"
+                popover="auto"
+              >
+                Primary account
+              </span>
               <div
-                class="Box-sc-g0xbh4-0 cursor-pointer"
-                data-testid="account-developer-settings"
-                title="Open developer settings"
+                class="Box-sc-g0xbh4-0 hMgwpS"
+                data-loading-wrapper="true"
+                sx="[object Object]"
               >
-                <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
+                <button
+                  aria-describedby=":r33:-loading-announcement"
+                  aria-labelledby=":r32:"
+                  class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                  data-component="IconButton"
+                  data-loading="false"
+                  data-no-visuals="true"
+                  data-size="small"
+                  data-testid="account-refresh"
+                  sx="[object Object]"
+                  type="button"
                 >
                   <svg
                     aria-hidden="true"
-                    class="octicon octicon-key"
+                    class="octicon octicon-sync"
                     display="inline-block"
                     fill="currentColor"
                     focusable="false"
@@ -267,186 +402,60 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     width="16"
                   >
                     <path
-                      d="M10.5 0a5.499 5.499 0 1 1-1.288 10.848l-.932.932a.749.749 0 0 1-.53.22H7v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22H5v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22h-2A1.75 1.75 0 0 1 0 14.25v-2c0-.199.079-.389.22-.53l4.932-4.932A5.5 5.5 0 0 1 10.5 0Zm-4 5.5c-.001.431.069.86.205 1.269a.75.75 0 0 1-.181.768L1.5 12.56v1.69c0 .138.112.25.25.25h1.69l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l1.023-1.025a.75.75 0 0 1 .768-.18A4 4 0 1 0 6.5 5.5ZM11 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"
+                      d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
                     />
                   </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
-                  >
-                    Personal Access Token
-                  </span>
-                </div>
+                </button>
               </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="stretch"
-          data-direction="horizontal"
-          data-gap="condensed"
-          data-justify="start"
-          data-padding="none"
-          data-wrap="nowrap"
-        >
-          <button
-            aria-describedby=":r2v:-loading-announcement"
-            aria-labelledby=":r2u:"
-            class="types__StyledButton-sc-ws60qy-0 cYZGEC visible"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-missing-scopes"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-alert-fill"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r2u:"
-            popover="auto"
-          >
-            This account is missing one or more required scopes: [read:user, notifications, repo]
-          </span>
-          <button
-            aria-describedby=":r31:-loading-announcement"
-            aria-labelledby=":r30:"
-            class="types__StyledButton-sc-ws60qy-0 gEWhIh"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-set-primary"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-star-fill"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r30:"
-            popover="auto"
-          >
-            Primary account
-          </span>
-          <div
-            class="Box-sc-g0xbh4-0 hMgwpS"
-            data-loading-wrapper="true"
-            sx="[object Object]"
-          >
-            <button
-              aria-describedby=":r33:-loading-announcement"
-              aria-labelledby=":r32:"
-              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-              data-component="IconButton"
-              data-loading="false"
-              data-no-visuals="true"
-              data-size="small"
-              data-testid="account-refresh"
-              sx="[object Object]"
-              type="button"
-            >
-              <svg
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r32:"
+                popover="auto"
+              >
+                Refresh octocat
+              </span>
+              <button
+                aria-describedby=":r35:-loading-announcement"
+                aria-labelledby=":r34:"
+                class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-logout"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-sign-out"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                  />
+                </svg>
+              </button>
+              <span
                 aria-hidden="true"
-                class="octicon octicon-sync"
-                display="inline-block"
-                fill="currentColor"
-                focusable="false"
-                height="16"
-                overflow="visible"
-                style="vertical-align: text-bottom;"
-                viewBox="0 0 16 16"
-                width="16"
-              >
-                <path
-                  d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
-                />
-              </svg>
-            </button>
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r34:"
+                popover="auto"
+              >
+                Logout octocat
+              </span>
+            </div>
           </div>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r32:"
-            popover="auto"
-          >
-            Refresh octocat
-          </span>
-          <button
-            aria-describedby=":r35:-loading-announcement"
-            aria-labelledby=":r34:"
-            class="types__StyledButton-sc-ws60qy-0 cYZGEC"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-logout"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-sign-out"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r34:"
-            popover="auto"
-          >
-            Logout octocat
-          </span>
         </div>
       </div>
     </div>
@@ -455,18 +464,16 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
     >
       <div
         class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-        data-align="center"
+        data-align="stretch"
         data-direction="horizontal"
-        data-gap="condensed"
-        data-justify="space-between"
+        data-justify="start"
         data-padding="none"
         data-wrap="nowrap"
       >
         <div
           class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="start"
+          data-align="stretch"
           data-direction="vertical"
-          data-gap="condensed"
           data-justify="start"
           data-padding="none"
           data-wrap="nowrap"
@@ -509,42 +516,253 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     sx="[object Object]"
                     width="20"
                   />
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                  <div
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    maxwidth="280"
+                    title="@octocat"
                   >
-                    @octocat
-                  </span>
+                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  </div>
                 </div>
               </span>
             </span>
           </button>
           <div
-            class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            data-align="center"
+            data-direction="horizontal"
+            data-justify="space-between"
+            data-padding="none"
+            data-wrap="nowrap"
           >
+            <div
+              class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
+            >
+              <div
+                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                data-align="stretch"
+                data-direction="vertical"
+                data-gap="condensed"
+                data-justify="start"
+                data-padding="none"
+                data-wrap="nowrap"
+              >
+                <div
+                  class="Box-sc-g0xbh4-0"
+                >
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-person"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      Mona Lisa Octocat
+                    </span>
+                  </div>
+                </div>
+                <div
+                  class="Box-sc-g0xbh4-0 cursor-pointer"
+                  data-testid="account-host"
+                  title="Open host"
+                >
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-server"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v4c0 .372-.116.717-.314 1 .198.283.314.628.314 1v4a1.75 1.75 0 0 1-1.75 1.75H1.75A1.75 1.75 0 0 1 0 12.75v-4c0-.358.109-.707.314-1a1.739 1.739 0 0 1-.314-1v-4C0 1.784.784 1 1.75 1ZM1.5 2.75v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Zm.25 5.75a.25.25 0 0 0-.25.25v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25ZM7 4.75A.75.75 0 0 1 7.75 4h4.5a.75.75 0 0 1 0 1.5h-4.5A.75.75 0 0 1 7 4.75ZM7.75 10h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM3 4.75A.75.75 0 0 1 3.75 4h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 3 4.75ZM3.75 10h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      github.gitify.io
+                    </span>
+                  </div>
+                </div>
+                <div
+                  class="Box-sc-g0xbh4-0 cursor-pointer"
+                  data-testid="account-developer-settings"
+                  title="Open developer settings"
+                >
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-person"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      OAuth App
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </div>
             <div
               class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
               data-align="stretch"
-              data-direction="vertical"
+              data-direction="horizontal"
               data-gap="condensed"
               data-justify="start"
               data-padding="none"
               data-wrap="nowrap"
             >
+              <button
+                aria-describedby=":r38:-loading-announcement"
+                aria-labelledby=":r37:"
+                class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-missing-scopes"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-alert-fill"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                  />
+                </svg>
+              </button>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r37:"
+                popover="auto"
+              >
+                This account is missing one or more required scopes: [read:user, notifications, repo]
+              </span>
+              <button
+                aria-describedby=":r3a:-loading-announcement"
+                aria-labelledby=":r39:"
+                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-set-primary"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-star"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
+                  />
+                </svg>
+              </button>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r39:"
+                popover="auto"
+              >
+                Set as primary account
+              </span>
               <div
-                class="Box-sc-g0xbh4-0"
+                class="Box-sc-g0xbh4-0 hMgwpS"
+                data-loading-wrapper="true"
+                sx="[object Object]"
               >
-                <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
+                <button
+                  aria-describedby=":r3c:-loading-announcement"
+                  aria-labelledby=":r3b:"
+                  class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                  data-component="IconButton"
+                  data-loading="false"
+                  data-no-visuals="true"
+                  data-size="small"
+                  data-testid="account-refresh"
+                  sx="[object Object]"
+                  type="button"
                 >
                   <svg
                     aria-hidden="true"
-                    class="octicon octicon-person"
+                    class="octicon octicon-sync"
                     display="inline-block"
                     fill="currentColor"
                     focusable="false"
@@ -555,261 +773,61 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     width="16"
                   >
                     <path
-                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                      d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
                     />
                   </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
-                  >
-                    Mona Lisa Octocat
-                  </span>
-                </div>
+                </button>
               </div>
-              <div
-                class="Box-sc-g0xbh4-0 cursor-pointer"
-                data-testid="account-host"
-                title="Open host"
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r3b:"
+                popover="auto"
               >
-                <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
+                Refresh octocat
+              </span>
+              <button
+                aria-describedby=":r3e:-loading-announcement"
+                aria-labelledby=":r3d:"
+                class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-logout"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-sign-out"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
                 >
-                  <svg
-                    aria-hidden="true"
-                    class="octicon octicon-server"
-                    display="inline-block"
-                    fill="currentColor"
-                    focusable="false"
-                    height="16"
-                    overflow="visible"
-                    style="vertical-align: text-bottom;"
-                    viewBox="0 0 16 16"
-                    width="16"
-                  >
-                    <path
-                      d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v4c0 .372-.116.717-.314 1 .198.283.314.628.314 1v4a1.75 1.75 0 0 1-1.75 1.75H1.75A1.75 1.75 0 0 1 0 12.75v-4c0-.358.109-.707.314-1a1.739 1.739 0 0 1-.314-1v-4C0 1.784.784 1 1.75 1ZM1.5 2.75v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Zm.25 5.75a.25.25 0 0 0-.25.25v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25ZM7 4.75A.75.75 0 0 1 7.75 4h4.5a.75.75 0 0 1 0 1.5h-4.5A.75.75 0 0 1 7 4.75ZM7.75 10h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM3 4.75A.75.75 0 0 1 3.75 4h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 3 4.75ZM3.75 10h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5Z"
-                    />
-                  </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
-                  >
-                    github.gitify.io
-                  </span>
-                </div>
-              </div>
-              <div
-                class="Box-sc-g0xbh4-0 cursor-pointer"
-                data-testid="account-developer-settings"
-                title="Open developer settings"
+                  <path
+                    d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                  />
+                </svg>
+              </button>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r3d:"
+                popover="auto"
               >
-                <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
-                >
-                  <svg
-                    aria-hidden="true"
-                    class="octicon octicon-person"
-                    display="inline-block"
-                    fill="currentColor"
-                    focusable="false"
-                    height="16"
-                    overflow="visible"
-                    style="vertical-align: text-bottom;"
-                    viewBox="0 0 16 16"
-                    width="16"
-                  >
-                    <path
-                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
-                    />
-                  </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
-                  >
-                    OAuth App
-                  </span>
-                </div>
-              </div>
+                Logout octocat
+              </span>
             </div>
           </div>
         </div>
-        <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="stretch"
-          data-direction="horizontal"
-          data-gap="condensed"
-          data-justify="start"
-          data-padding="none"
-          data-wrap="nowrap"
-        >
-          <button
-            aria-describedby=":r38:-loading-announcement"
-            aria-labelledby=":r37:"
-            class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-missing-scopes"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-alert-fill"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r37:"
-            popover="auto"
-          >
-            This account is missing one or more required scopes: [read:user, notifications, repo]
-          </span>
-          <button
-            aria-describedby=":r3a:-loading-announcement"
-            aria-labelledby=":r39:"
-            class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-set-primary"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-star"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r39:"
-            popover="auto"
-          >
-            Set as primary account
-          </span>
-          <div
-            class="Box-sc-g0xbh4-0 hMgwpS"
-            data-loading-wrapper="true"
-            sx="[object Object]"
-          >
-            <button
-              aria-describedby=":r3c:-loading-announcement"
-              aria-labelledby=":r3b:"
-              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-              data-component="IconButton"
-              data-loading="false"
-              data-no-visuals="true"
-              data-size="small"
-              data-testid="account-refresh"
-              sx="[object Object]"
-              type="button"
-            >
-              <svg
-                aria-hidden="true"
-                class="octicon octicon-sync"
-                display="inline-block"
-                fill="currentColor"
-                focusable="false"
-                height="16"
-                overflow="visible"
-                style="vertical-align: text-bottom;"
-                viewBox="0 0 16 16"
-                width="16"
-              >
-                <path
-                  d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
-                />
-              </svg>
-            </button>
-          </div>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r3b:"
-            popover="auto"
-          >
-            Refresh octocat
-          </span>
-          <button
-            aria-describedby=":r3e:-loading-announcement"
-            aria-labelledby=":r3d:"
-            class="types__StyledButton-sc-ws60qy-0 cYZGEC"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-logout"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-sign-out"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r3d:"
-            popover="auto"
-          >
-            Logout octocat
-          </span>
-        </div>
       </div>
     </div>
     <div
@@ -817,18 +835,16 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
     >
       <div
         class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-        data-align="center"
+        data-align="stretch"
         data-direction="horizontal"
-        data-gap="condensed"
-        data-justify="space-between"
+        data-justify="start"
         data-padding="none"
         data-wrap="nowrap"
       >
         <div
           class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="start"
+          data-align="stretch"
           data-direction="vertical"
-          data-gap="condensed"
           data-justify="start"
           data-padding="none"
           data-wrap="nowrap"
@@ -871,116 +887,253 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     sx="[object Object]"
                     width="20"
                   />
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                  <div
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    maxwidth="280"
+                    title="@octocat"
                   >
-                    @octocat
-                  </span>
+                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  </div>
                 </div>
               </span>
             </span>
           </button>
           <div
-            class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            data-align="center"
+            data-direction="horizontal"
+            data-justify="space-between"
+            data-padding="none"
+            data-wrap="nowrap"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-              data-align="stretch"
-              data-direction="vertical"
-              data-gap="condensed"
-              data-justify="start"
-              data-padding="none"
-              data-wrap="nowrap"
+              class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
             >
               <div
-                class="Box-sc-g0xbh4-0"
+                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                data-align="stretch"
+                data-direction="vertical"
+                data-gap="condensed"
+                data-justify="start"
+                data-padding="none"
+                data-wrap="nowrap"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
+                  class="Box-sc-g0xbh4-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    class="octicon octicon-person"
-                    display="inline-block"
-                    fill="currentColor"
-                    focusable="false"
-                    height="16"
-                    overflow="visible"
-                    style="vertical-align: text-bottom;"
-                    viewBox="0 0 16 16"
-                    width="16"
-                  >
-                    <path
-                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
-                    />
-                  </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
                   >
-                    Mona Lisa Octocat
-                  </span>
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-person"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      Mona Lisa Octocat
+                    </span>
+                  </div>
                 </div>
-              </div>
-              <div
-                class="Box-sc-g0xbh4-0 cursor-pointer"
-                data-testid="account-host"
-                title="Open host"
-              >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
+                  class="Box-sc-g0xbh4-0 cursor-pointer"
+                  data-testid="account-host"
+                  title="Open host"
                 >
-                  <svg
-                    aria-hidden="true"
-                    class="octicon octicon-mark-github"
-                    display="inline-block"
-                    fill="currentColor"
-                    focusable="false"
-                    height="16"
-                    overflow="visible"
-                    style="vertical-align: text-bottom;"
-                    viewBox="0 0 16 16"
-                    width="16"
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
                   >
-                    <path
-                      d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
-                    />
-                  </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-mark-github"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      github.com
+                    </span>
+                  </div>
+                </div>
+                <div
+                  class="Box-sc-g0xbh4-0 cursor-pointer"
+                  data-testid="account-developer-settings"
+                  title="Open developer settings"
+                >
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
                   >
-                    github.com
-                  </span>
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-apps"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M1.5 3.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5A1.75 1.75 0 0 1 5.75 7.5h-2.5A1.75 1.75 0 0 1 1.5 5.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5A1.75 1.75 0 0 1 8.5 5.75Zm-7 7c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75ZM3.25 3a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5A.25.25 0 0 0 6 5.75v-2.5A.25.25 0 0 0 5.75 3Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm-7 7a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      GitHub App
+                    </span>
+                  </div>
                 </div>
               </div>
+            </div>
+            <div
+              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              data-align="stretch"
+              data-direction="horizontal"
+              data-gap="condensed"
+              data-justify="start"
+              data-padding="none"
+              data-wrap="nowrap"
+            >
+              <button
+                aria-describedby=":r3h:-loading-announcement"
+                aria-labelledby=":r3g:"
+                class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-missing-scopes"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-alert-fill"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                  />
+                </svg>
+              </button>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r3g:"
+                popover="auto"
+              >
+                This account is missing one or more required scopes: [read:user, notifications, repo]
+              </span>
+              <button
+                aria-describedby=":r3j:-loading-announcement"
+                aria-labelledby=":r3i:"
+                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-set-primary"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-star"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
+                  />
+                </svg>
+              </button>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r3i:"
+                popover="auto"
+              >
+                Set as primary account
+              </span>
               <div
-                class="Box-sc-g0xbh4-0 cursor-pointer"
-                data-testid="account-developer-settings"
-                title="Open developer settings"
+                class="Box-sc-g0xbh4-0 hMgwpS"
+                data-loading-wrapper="true"
+                sx="[object Object]"
               >
-                <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
+                <button
+                  aria-describedby=":r3l:-loading-announcement"
+                  aria-labelledby=":r3k:"
+                  class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                  data-component="IconButton"
+                  data-loading="false"
+                  data-no-visuals="true"
+                  data-size="small"
+                  data-testid="account-refresh"
+                  sx="[object Object]"
+                  type="button"
                 >
                   <svg
                     aria-hidden="true"
-                    class="octicon octicon-apps"
+                    class="octicon octicon-sync"
                     display="inline-block"
                     fill="currentColor"
                     focusable="false"
@@ -991,187 +1144,61 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     width="16"
                   >
                     <path
-                      d="M1.5 3.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5A1.75 1.75 0 0 1 5.75 7.5h-2.5A1.75 1.75 0 0 1 1.5 5.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5A1.75 1.75 0 0 1 8.5 5.75Zm-7 7c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75ZM3.25 3a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5A.25.25 0 0 0 6 5.75v-2.5A.25.25 0 0 0 5.75 3Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm-7 7a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Z"
+                      d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
                     />
                   </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
-                  >
-                    GitHub App
-                  </span>
-                </div>
+                </button>
               </div>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r3k:"
+                popover="auto"
+              >
+                Refresh octocat
+              </span>
+              <button
+                aria-describedby=":r3n:-loading-announcement"
+                aria-labelledby=":r3m:"
+                class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-logout"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-sign-out"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                  />
+                </svg>
+              </button>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r3m:"
+                popover="auto"
+              >
+                Logout octocat
+              </span>
             </div>
           </div>
         </div>
-        <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="stretch"
-          data-direction="horizontal"
-          data-gap="condensed"
-          data-justify="start"
-          data-padding="none"
-          data-wrap="nowrap"
-        >
-          <button
-            aria-describedby=":r3h:-loading-announcement"
-            aria-labelledby=":r3g:"
-            class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-missing-scopes"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-alert-fill"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r3g:"
-            popover="auto"
-          >
-            This account is missing one or more required scopes: [read:user, notifications, repo]
-          </span>
-          <button
-            aria-describedby=":r3j:-loading-announcement"
-            aria-labelledby=":r3i:"
-            class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-set-primary"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-star"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r3i:"
-            popover="auto"
-          >
-            Set as primary account
-          </span>
-          <div
-            class="Box-sc-g0xbh4-0 hMgwpS"
-            data-loading-wrapper="true"
-            sx="[object Object]"
-          >
-            <button
-              aria-describedby=":r3l:-loading-announcement"
-              aria-labelledby=":r3k:"
-              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-              data-component="IconButton"
-              data-loading="false"
-              data-no-visuals="true"
-              data-size="small"
-              data-testid="account-refresh"
-              sx="[object Object]"
-              type="button"
-            >
-              <svg
-                aria-hidden="true"
-                class="octicon octicon-sync"
-                display="inline-block"
-                fill="currentColor"
-                focusable="false"
-                height="16"
-                overflow="visible"
-                style="vertical-align: text-bottom;"
-                viewBox="0 0 16 16"
-                width="16"
-              >
-                <path
-                  d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
-                />
-              </svg>
-            </button>
-          </div>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r3k:"
-            popover="auto"
-          >
-            Refresh octocat
-          </span>
-          <button
-            aria-describedby=":r3n:-loading-announcement"
-            aria-labelledby=":r3m:"
-            class="types__StyledButton-sc-ws60qy-0 cYZGEC"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-logout"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-sign-out"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r3m:"
-            popover="auto"
-          >
-            Logout octocat
-          </span>
-        </div>
       </div>
     </div>
   </div>
@@ -1330,18 +1357,16 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
     >
       <div
         class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-        data-align="center"
+        data-align="stretch"
         data-direction="horizontal"
-        data-gap="condensed"
-        data-justify="space-between"
+        data-justify="start"
         data-padding="none"
         data-wrap="nowrap"
       >
         <div
           class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="start"
+          data-align="stretch"
           data-direction="vertical"
-          data-gap="condensed"
           data-justify="start"
           data-padding="none"
           data-wrap="nowrap"
@@ -1384,42 +1409,253 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     sx="[object Object]"
                     width="20"
                   />
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                  <div
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    maxwidth="280"
+                    title="@octocat"
                   >
-                    @octocat
-                  </span>
+                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  </div>
                 </div>
               </span>
             </span>
           </button>
           <div
-            class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            data-align="center"
+            data-direction="horizontal"
+            data-justify="space-between"
+            data-padding="none"
+            data-wrap="nowrap"
           >
+            <div
+              class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
+            >
+              <div
+                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                data-align="stretch"
+                data-direction="vertical"
+                data-gap="condensed"
+                data-justify="start"
+                data-padding="none"
+                data-wrap="nowrap"
+              >
+                <div
+                  class="Box-sc-g0xbh4-0"
+                >
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-person"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      Mona Lisa Octocat
+                    </span>
+                  </div>
+                </div>
+                <div
+                  class="Box-sc-g0xbh4-0 cursor-pointer"
+                  data-testid="account-host"
+                  title="Open host"
+                >
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-mark-github"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      github.com
+                    </span>
+                  </div>
+                </div>
+                <div
+                  class="Box-sc-g0xbh4-0 cursor-pointer"
+                  data-testid="account-developer-settings"
+                  title="Open developer settings"
+                >
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-key"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M10.5 0a5.499 5.499 0 1 1-1.288 10.848l-.932.932a.749.749 0 0 1-.53.22H7v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22H5v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22h-2A1.75 1.75 0 0 1 0 14.25v-2c0-.199.079-.389.22-.53l4.932-4.932A5.5 5.5 0 0 1 10.5 0Zm-4 5.5c-.001.431.069.86.205 1.269a.75.75 0 0 1-.181.768L1.5 12.56v1.69c0 .138.112.25.25.25h1.69l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l1.023-1.025a.75.75 0 0 1 .768-.18A4 4 0 1 0 6.5 5.5ZM11 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      Personal Access Token
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </div>
             <div
               class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
               data-align="stretch"
-              data-direction="vertical"
+              data-direction="horizontal"
               data-gap="condensed"
               data-justify="start"
               data-padding="none"
               data-wrap="nowrap"
             >
+              <button
+                aria-describedby=":r3u:-loading-announcement"
+                aria-labelledby=":r3t:"
+                class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-missing-scopes"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-alert-fill"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                  />
+                </svg>
+              </button>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r3t:"
+                popover="auto"
+              >
+                This account is missing one or more required scopes: [read:user, notifications, repo]
+              </span>
+              <button
+                aria-describedby=":r40:-loading-announcement"
+                aria-labelledby=":r3v:"
+                class="types__StyledButton-sc-ws60qy-0 gEWhIh"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-set-primary"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-star-fill"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Z"
+                  />
+                </svg>
+              </button>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r3v:"
+                popover="auto"
+              >
+                Primary account
+              </span>
               <div
-                class="Box-sc-g0xbh4-0"
+                class="Box-sc-g0xbh4-0 hMgwpS"
+                data-loading-wrapper="true"
+                sx="[object Object]"
               >
-                <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
+                <button
+                  aria-describedby=":r42:-loading-announcement"
+                  aria-labelledby=":r41:"
+                  class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                  data-component="IconButton"
+                  data-loading="false"
+                  data-no-visuals="true"
+                  data-size="small"
+                  data-testid="account-refresh"
+                  sx="[object Object]"
+                  type="button"
                 >
                   <svg
                     aria-hidden="true"
-                    class="octicon octicon-person"
+                    class="octicon octicon-sync"
                     display="inline-block"
                     fill="currentColor"
                     focusable="false"
@@ -1430,70 +1666,367 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     width="16"
                   >
                     <path
-                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                      d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
                     />
                   </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
-                  >
-                    Mona Lisa Octocat
-                  </span>
-                </div>
+                </button>
               </div>
-              <div
-                class="Box-sc-g0xbh4-0 cursor-pointer"
-                data-testid="account-host"
-                title="Open host"
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r41:"
+                popover="auto"
+              >
+                Refresh octocat
+              </span>
+              <button
+                aria-describedby=":r44:-loading-announcement"
+                aria-labelledby=":r43:"
+                class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-logout"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-sign-out"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                  />
+                </svg>
+              </button>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r43:"
+                popover="auto"
+              >
+                Logout octocat
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="Box-sc-g0xbh4-0 rounded-md p-2 mb-4 bg-gitify-accounts"
+    >
+      <div
+        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        data-align="stretch"
+        data-direction="horizontal"
+        data-justify="start"
+        data-padding="none"
+        data-wrap="nowrap"
+      >
+        <div
+          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          data-align="stretch"
+          data-direction="vertical"
+          data-justify="start"
+          data-padding="none"
+          data-wrap="nowrap"
+        >
+          <button
+            aria-describedby=":r45:-loading-announcement"
+            class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+            data-loading="false"
+            data-no-visuals="true"
+            data-testid="account-profile"
+            sx="[object Object]"
+            title="Open account profile"
+            type="button"
+          >
+            <span
+              class="Box-sc-g0xbh4-0 srpGE"
+              data-component="buttonContent"
+              sx="[object Object]"
+            >
+              <span
+                data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
                   data-justify="start"
                   data-padding="none"
+                  data-testid="avatar"
                   data-wrap="nowrap"
                 >
-                  <svg
-                    aria-hidden="true"
-                    class="octicon octicon-mark-github"
-                    display="inline-block"
-                    fill="currentColor"
-                    focusable="false"
-                    height="16"
-                    overflow="visible"
-                    style="vertical-align: text-bottom;"
-                    viewBox="0 0 16 16"
-                    width="16"
+                  <img
+                    alt="octocat"
+                    class="Avatar__StyledAvatar-sc-2lv0r8-0 jwAMPP"
+                    data-component="Avatar"
+                    height="20"
+                    size="20"
+                    src="https://avatars.githubusercontent.com/u/583231?v=4"
+                    sx="[object Object]"
+                    width="20"
+                  />
+                  <div
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    maxwidth="280"
+                    title="@octocat"
                   >
-                    <path
-                      d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
-                    />
-                  </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  </div>
+                </div>
+              </span>
+            </span>
+          </button>
+          <div
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            data-align="center"
+            data-direction="horizontal"
+            data-justify="space-between"
+            data-padding="none"
+            data-wrap="nowrap"
+          >
+            <div
+              class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
+            >
+              <div
+                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                data-align="stretch"
+                data-direction="vertical"
+                data-gap="condensed"
+                data-justify="start"
+                data-padding="none"
+                data-wrap="nowrap"
+              >
+                <div
+                  class="Box-sc-g0xbh4-0"
+                >
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-person"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      Mona Lisa Octocat
+                    </span>
+                  </div>
+                </div>
+                <div
+                  class="Box-sc-g0xbh4-0 cursor-pointer"
+                  data-testid="account-host"
+                  title="Open host"
+                >
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-server"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v4c0 .372-.116.717-.314 1 .198.283.314.628.314 1v4a1.75 1.75 0 0 1-1.75 1.75H1.75A1.75 1.75 0 0 1 0 12.75v-4c0-.358.109-.707.314-1a1.739 1.739 0 0 1-.314-1v-4C0 1.784.784 1 1.75 1ZM1.5 2.75v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Zm.25 5.75a.25.25 0 0 0-.25.25v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25ZM7 4.75A.75.75 0 0 1 7.75 4h4.5a.75.75 0 0 1 0 1.5h-4.5A.75.75 0 0 1 7 4.75ZM7.75 10h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM3 4.75A.75.75 0 0 1 3.75 4h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 3 4.75ZM3.75 10h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      github.gitify.io
+                    </span>
+                  </div>
+                </div>
+                <div
+                  class="Box-sc-g0xbh4-0 cursor-pointer"
+                  data-testid="account-developer-settings"
+                  title="Open developer settings"
+                >
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
                   >
-                    github.com
-                  </span>
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-person"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      OAuth App
+                    </span>
+                  </div>
                 </div>
               </div>
+            </div>
+            <div
+              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              data-align="stretch"
+              data-direction="horizontal"
+              data-gap="condensed"
+              data-justify="start"
+              data-padding="none"
+              data-wrap="nowrap"
+            >
+              <button
+                aria-describedby=":r47:-loading-announcement"
+                aria-labelledby=":r46:"
+                class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-missing-scopes"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-alert-fill"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                  />
+                </svg>
+              </button>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r46:"
+                popover="auto"
+              >
+                This account is missing one or more required scopes: [read:user, notifications, repo]
+              </span>
+              <button
+                aria-describedby=":r49:-loading-announcement"
+                aria-labelledby=":r48:"
+                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-set-primary"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-star"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
+                  />
+                </svg>
+              </button>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r48:"
+                popover="auto"
+              >
+                Set as primary account
+              </span>
               <div
-                class="Box-sc-g0xbh4-0 cursor-pointer"
-                data-testid="account-developer-settings"
-                title="Open developer settings"
+                class="Box-sc-g0xbh4-0 hMgwpS"
+                data-loading-wrapper="true"
+                sx="[object Object]"
               >
-                <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
+                <button
+                  aria-describedby=":r4b:-loading-announcement"
+                  aria-labelledby=":r4a:"
+                  class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                  data-component="IconButton"
+                  data-loading="false"
+                  data-no-visuals="true"
+                  data-size="small"
+                  data-testid="account-refresh"
+                  sx="[object Object]"
+                  type="button"
                 >
                   <svg
                     aria-hidden="true"
-                    class="octicon octicon-key"
+                    class="octicon octicon-sync"
                     display="inline-block"
                     fill="currentColor"
                     focusable="false"
@@ -1504,186 +2037,60 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     width="16"
                   >
                     <path
-                      d="M10.5 0a5.499 5.499 0 1 1-1.288 10.848l-.932.932a.749.749 0 0 1-.53.22H7v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22H5v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22h-2A1.75 1.75 0 0 1 0 14.25v-2c0-.199.079-.389.22-.53l4.932-4.932A5.5 5.5 0 0 1 10.5 0Zm-4 5.5c-.001.431.069.86.205 1.269a.75.75 0 0 1-.181.768L1.5 12.56v1.69c0 .138.112.25.25.25h1.69l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l1.023-1.025a.75.75 0 0 1 .768-.18A4 4 0 1 0 6.5 5.5ZM11 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"
+                      d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
                     />
                   </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
-                  >
-                    Personal Access Token
-                  </span>
-                </div>
+                </button>
               </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="stretch"
-          data-direction="horizontal"
-          data-gap="condensed"
-          data-justify="start"
-          data-padding="none"
-          data-wrap="nowrap"
-        >
-          <button
-            aria-describedby=":r3u:-loading-announcement"
-            aria-labelledby=":r3t:"
-            class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-missing-scopes"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-alert-fill"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r3t:"
-            popover="auto"
-          >
-            This account is missing one or more required scopes: [read:user, notifications, repo]
-          </span>
-          <button
-            aria-describedby=":r40:-loading-announcement"
-            aria-labelledby=":r3v:"
-            class="types__StyledButton-sc-ws60qy-0 gEWhIh"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-set-primary"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-star-fill"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r3v:"
-            popover="auto"
-          >
-            Primary account
-          </span>
-          <div
-            class="Box-sc-g0xbh4-0 hMgwpS"
-            data-loading-wrapper="true"
-            sx="[object Object]"
-          >
-            <button
-              aria-describedby=":r42:-loading-announcement"
-              aria-labelledby=":r41:"
-              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-              data-component="IconButton"
-              data-loading="false"
-              data-no-visuals="true"
-              data-size="small"
-              data-testid="account-refresh"
-              sx="[object Object]"
-              type="button"
-            >
-              <svg
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r4a:"
+                popover="auto"
+              >
+                Refresh octocat
+              </span>
+              <button
+                aria-describedby=":r4d:-loading-announcement"
+                aria-labelledby=":r4c:"
+                class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-logout"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-sign-out"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                  />
+                </svg>
+              </button>
+              <span
                 aria-hidden="true"
-                class="octicon octicon-sync"
-                display="inline-block"
-                fill="currentColor"
-                focusable="false"
-                height="16"
-                overflow="visible"
-                style="vertical-align: text-bottom;"
-                viewBox="0 0 16 16"
-                width="16"
-              >
-                <path
-                  d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
-                />
-              </svg>
-            </button>
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r4c:"
+                popover="auto"
+              >
+                Logout octocat
+              </span>
+            </div>
           </div>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r41:"
-            popover="auto"
-          >
-            Refresh octocat
-          </span>
-          <button
-            aria-describedby=":r44:-loading-announcement"
-            aria-labelledby=":r43:"
-            class="types__StyledButton-sc-ws60qy-0 cYZGEC"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-logout"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-sign-out"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r43:"
-            popover="auto"
-          >
-            Logout octocat
-          </span>
         </div>
       </div>
     </div>
@@ -1692,24 +2099,22 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
     >
       <div
         class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-        data-align="center"
+        data-align="stretch"
         data-direction="horizontal"
-        data-gap="condensed"
-        data-justify="space-between"
+        data-justify="start"
         data-padding="none"
         data-wrap="nowrap"
       >
         <div
           class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="start"
+          data-align="stretch"
           data-direction="vertical"
-          data-gap="condensed"
           data-justify="start"
           data-padding="none"
           data-wrap="nowrap"
         >
           <button
-            aria-describedby=":r45:-loading-announcement"
+            aria-describedby=":r4e:-loading-announcement"
             class="types__StyledButton-sc-ws60qy-0 jTCgqj"
             data-loading="false"
             data-no-visuals="true"
@@ -1746,116 +2151,253 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     sx="[object Object]"
                     width="20"
                   />
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                  <div
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    maxwidth="280"
+                    title="@octocat"
                   >
-                    @octocat
-                  </span>
+                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  </div>
                 </div>
               </span>
             </span>
           </button>
           <div
-            class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            data-align="center"
+            data-direction="horizontal"
+            data-justify="space-between"
+            data-padding="none"
+            data-wrap="nowrap"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-              data-align="stretch"
-              data-direction="vertical"
-              data-gap="condensed"
-              data-justify="start"
-              data-padding="none"
-              data-wrap="nowrap"
+              class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
             >
               <div
-                class="Box-sc-g0xbh4-0"
+                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                data-align="stretch"
+                data-direction="vertical"
+                data-gap="condensed"
+                data-justify="start"
+                data-padding="none"
+                data-wrap="nowrap"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
+                  class="Box-sc-g0xbh4-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    class="octicon octicon-person"
-                    display="inline-block"
-                    fill="currentColor"
-                    focusable="false"
-                    height="16"
-                    overflow="visible"
-                    style="vertical-align: text-bottom;"
-                    viewBox="0 0 16 16"
-                    width="16"
-                  >
-                    <path
-                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
-                    />
-                  </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
                   >
-                    Mona Lisa Octocat
-                  </span>
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-person"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      Mona Lisa Octocat
+                    </span>
+                  </div>
                 </div>
-              </div>
-              <div
-                class="Box-sc-g0xbh4-0 cursor-pointer"
-                data-testid="account-host"
-                title="Open host"
-              >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
+                  class="Box-sc-g0xbh4-0 cursor-pointer"
+                  data-testid="account-host"
+                  title="Open host"
                 >
-                  <svg
-                    aria-hidden="true"
-                    class="octicon octicon-server"
-                    display="inline-block"
-                    fill="currentColor"
-                    focusable="false"
-                    height="16"
-                    overflow="visible"
-                    style="vertical-align: text-bottom;"
-                    viewBox="0 0 16 16"
-                    width="16"
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
                   >
-                    <path
-                      d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v4c0 .372-.116.717-.314 1 .198.283.314.628.314 1v4a1.75 1.75 0 0 1-1.75 1.75H1.75A1.75 1.75 0 0 1 0 12.75v-4c0-.358.109-.707.314-1a1.739 1.739 0 0 1-.314-1v-4C0 1.784.784 1 1.75 1ZM1.5 2.75v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Zm.25 5.75a.25.25 0 0 0-.25.25v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25ZM7 4.75A.75.75 0 0 1 7.75 4h4.5a.75.75 0 0 1 0 1.5h-4.5A.75.75 0 0 1 7 4.75ZM7.75 10h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM3 4.75A.75.75 0 0 1 3.75 4h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 3 4.75ZM3.75 10h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5Z"
-                    />
-                  </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-mark-github"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      github.com
+                    </span>
+                  </div>
+                </div>
+                <div
+                  class="Box-sc-g0xbh4-0 cursor-pointer"
+                  data-testid="account-developer-settings"
+                  title="Open developer settings"
+                >
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
                   >
-                    github.gitify.io
-                  </span>
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-apps"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M1.5 3.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5A1.75 1.75 0 0 1 5.75 7.5h-2.5A1.75 1.75 0 0 1 1.5 5.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5A1.75 1.75 0 0 1 8.5 5.75Zm-7 7c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75ZM3.25 3a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5A.25.25 0 0 0 6 5.75v-2.5A.25.25 0 0 0 5.75 3Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm-7 7a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      GitHub App
+                    </span>
+                  </div>
                 </div>
               </div>
+            </div>
+            <div
+              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              data-align="stretch"
+              data-direction="horizontal"
+              data-gap="condensed"
+              data-justify="start"
+              data-padding="none"
+              data-wrap="nowrap"
+            >
+              <button
+                aria-describedby=":r4g:-loading-announcement"
+                aria-labelledby=":r4f:"
+                class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-missing-scopes"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-alert-fill"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                  />
+                </svg>
+              </button>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r4f:"
+                popover="auto"
+              >
+                This account is missing one or more required scopes: [read:user, notifications, repo]
+              </span>
+              <button
+                aria-describedby=":r4i:-loading-announcement"
+                aria-labelledby=":r4h:"
+                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-set-primary"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-star"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
+                  />
+                </svg>
+              </button>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r4h:"
+                popover="auto"
+              >
+                Set as primary account
+              </span>
               <div
-                class="Box-sc-g0xbh4-0 cursor-pointer"
-                data-testid="account-developer-settings"
-                title="Open developer settings"
+                class="Box-sc-g0xbh4-0 hMgwpS"
+                data-loading-wrapper="true"
+                sx="[object Object]"
               >
-                <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
+                <button
+                  aria-describedby=":r4k:-loading-announcement"
+                  aria-labelledby=":r4j:"
+                  class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                  data-component="IconButton"
+                  data-loading="false"
+                  data-no-visuals="true"
+                  data-size="small"
+                  data-testid="account-refresh"
+                  sx="[object Object]"
+                  type="button"
                 >
                   <svg
                     aria-hidden="true"
-                    class="octicon octicon-person"
+                    class="octicon octicon-sync"
                     display="inline-block"
                     fill="currentColor"
                     focusable="false"
@@ -1866,43 +2408,100 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     width="16"
                   >
                     <path
-                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                      d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
                     />
                   </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
-                  >
-                    OAuth App
-                  </span>
-                </div>
+                </button>
               </div>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r4j:"
+                popover="auto"
+              >
+                Refresh octocat
+              </span>
+              <button
+                aria-describedby=":r4m:-loading-announcement"
+                aria-labelledby=":r4l:"
+                class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-logout"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-sign-out"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                  />
+                </svg>
+              </button>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r4l:"
+                popover="auto"
+              >
+                Logout octocat
+              </span>
             </div>
           </div>
         </div>
-        <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="stretch"
-          data-direction="horizontal"
-          data-gap="condensed"
-          data-justify="start"
-          data-padding="none"
-          data-wrap="nowrap"
+      </div>
+    </div>
+  </div>
+  <div
+    class="Box-sc-g0xbh4-0 fixed bottom-0 left-sidebar right-0 bg-gitify-footer"
+  >
+    <div
+      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+      data-align="stretch"
+      data-direction="horizontal"
+      data-justify="end"
+      data-padding="condensed"
+      data-wrap="nowrap"
+    >
+      <button
+        aria-describedby=":r4n:-loading-announcement"
+        aria-expanded="false"
+        aria-haspopup="true"
+        class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+        data-loading="false"
+        data-testid="account-add-new"
+        id=":r4n:"
+        sx="[object Object]"
+        tabindex="0"
+        type="button"
+      >
+        <span
+          class="Box-sc-g0xbh4-0 srpGE"
+          data-component="buttonContent"
+          sx="[object Object]"
         >
-          <button
-            aria-describedby=":r47:-loading-announcement"
-            aria-labelledby=":r46:"
-            class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-missing-scopes"
+          <span
+            class="Box-sc-g0xbh4-0 mhHOW"
+            data-component="leadingVisual"
             sx="[object Object]"
-            type="button"
           >
             <svg
               aria-hidden="true"
-              class="octicon octicon-alert-fill"
+              class="octicon octicon-person-add"
               display="inline-block"
               fill="currentColor"
               focusable="false"
@@ -1913,116 +2512,83 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
               width="16"
             >
               <path
-                d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                d="M7.9 8.548h-.001a5.528 5.528 0 0 1 3.1 4.659.75.75 0 1 1-1.498.086A4.01 4.01 0 0 0 5.5 9.5a4.01 4.01 0 0 0-4.001 3.793.75.75 0 1 1-1.498-.085 5.527 5.527 0 0 1 3.1-4.66 3.5 3.5 0 1 1 4.799 0ZM13.25 0a.75.75 0 0 1 .75.75V2h1.25a.75.75 0 0 1 0 1.5H14v1.25a.75.75 0 0 1-1.5 0V3.5h-1.25a.75.75 0 0 1 0-1.5h1.25V.75a.75.75 0 0 1 .75-.75ZM5.5 4a2 2 0 1 0-.001 3.999A2 2 0 0 0 5.5 4Z"
               />
             </svg>
-          </button>
+          </span>
           <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r46:"
-            popover="auto"
+            data-component="text"
           >
-            This account is missing one or more required scopes: [read:user, notifications, repo]
-          </span>
-          <button
-            aria-describedby=":r49:-loading-announcement"
-            aria-labelledby=":r48:"
-            class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-set-primary"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-star"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r48:"
-            popover="auto"
-          >
-            Set as primary account
+            Add new account
           </span>
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renderer/routes/Accounts.tsx General should render itself & its children 1`] = `
+<div
+  class="Box-sc-g0xbh4-0 flex flex-col h-screen"
+  data-testid="accounts"
+>
+  <div
+    class="Box-sc-g0xbh4-0 px-6 py-4"
+  >
+    <div
+      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+      data-align="stretch"
+      data-direction="horizontal"
+      data-justify="space-between"
+      data-padding="none"
+      data-wrap="nowrap"
+    >
+      <button
+        aria-describedby=":r0:-loading-announcement"
+        aria-labelledby="Go Back"
+        class="types__StyledButton-sc-ws60qy-0 kQRupk"
+        data-component="IconButton"
+        data-loading="false"
+        data-no-visuals="true"
+        data-testid="header-nav-back"
+        sx="[object Object]"
+        type="button"
+      >
+        <svg
+          aria-hidden="true"
+          class="octicon octicon-arrow-left"
+          display="inline-block"
+          fill="currentColor"
+          focusable="false"
+          height="16"
+          overflow="visible"
+          style="vertical-align: text-bottom;"
+          viewBox="0 0 16 16"
+          width="16"
+        >
+          <path
+            d="M7.78 12.53a.75.75 0 0 1-1.06 0L2.47 8.28a.75.75 0 0 1 0-1.06l4.25-4.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L4.81 7h7.44a.75.75 0 0 1 0 1.5H4.81l2.97 2.97a.75.75 0 0 1 0 1.06Z"
+          />
+        </svg>
+      </button>
+      <legend>
+        <div
+          class="Box-sc-g0xbh4-0 mb-2"
+        >
           <div
-            class="Box-sc-g0xbh4-0 hMgwpS"
-            data-loading-wrapper="true"
-            sx="[object Object]"
-          >
-            <button
-              aria-describedby=":r4b:-loading-announcement"
-              aria-labelledby=":r4a:"
-              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-              data-component="IconButton"
-              data-loading="false"
-              data-no-visuals="true"
-              data-size="small"
-              data-testid="account-refresh"
-              sx="[object Object]"
-              type="button"
-            >
-              <svg
-                aria-hidden="true"
-                class="octicon octicon-sync"
-                display="inline-block"
-                fill="currentColor"
-                focusable="false"
-                height="16"
-                overflow="visible"
-                style="vertical-align: text-bottom;"
-                viewBox="0 0 16 16"
-                width="16"
-              >
-                <path
-                  d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
-                />
-              </svg>
-            </button>
-          </div>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r4a:"
-            popover="auto"
-          >
-            Refresh octocat
-          </span>
-          <button
-            aria-describedby=":r4d:-loading-announcement"
-            aria-labelledby=":r4c:"
-            class="types__StyledButton-sc-ws60qy-0 cYZGEC"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-logout"
-            sx="[object Object]"
-            type="button"
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            data-align="center"
+            data-direction="horizontal"
+            data-gap="condensed"
+            data-justify="start"
+            data-padding="none"
+            data-wrap="nowrap"
+            id="accounts"
           >
             <svg
               aria-hidden="true"
-              class="octicon octicon-sign-out"
+              class="octicon octicon-person"
               display="inline-block"
               fill="currentColor"
               focusable="false"
@@ -2033,45 +2599,44 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
               width="16"
             >
               <path
-                d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
               />
             </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r4c:"
-            popover="auto"
-          >
-            Logout octocat
-          </span>
+            <h2
+              class="Heading__StyledHeading-sc-1c1dgg0-0 fuhZuh"
+              sx="[object Object]"
+            >
+              Accounts
+            </h2>
+          </div>
         </div>
-      </div>
+      </legend>
     </div>
+  </div>
+  <div
+    class="Box-sc-g0xbh4-0 grow overflow-x-auto px-8 pb-2 mb-12 "
+  >
     <div
       class="Box-sc-g0xbh4-0 rounded-md p-2 mb-4 bg-gitify-accounts"
     >
       <div
         class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-        data-align="center"
+        data-align="stretch"
         data-direction="horizontal"
-        data-gap="condensed"
-        data-justify="space-between"
+        data-justify="start"
         data-padding="none"
         data-wrap="nowrap"
       >
         <div
           class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="start"
+          data-align="stretch"
           data-direction="vertical"
-          data-gap="condensed"
           data-justify="start"
           data-padding="none"
           data-wrap="nowrap"
         >
           <button
-            aria-describedby=":r4e:-loading-announcement"
+            aria-describedby=":r1:-loading-announcement"
             class="types__StyledButton-sc-ws60qy-0 jTCgqj"
             data-loading="false"
             data-no-visuals="true"
@@ -2108,116 +2673,253 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     sx="[object Object]"
                     width="20"
                   />
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                  <div
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    maxwidth="280"
+                    title="@octocat"
                   >
-                    @octocat
-                  </span>
+                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  </div>
                 </div>
               </span>
             </span>
           </button>
           <div
-            class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            data-align="center"
+            data-direction="horizontal"
+            data-justify="space-between"
+            data-padding="none"
+            data-wrap="nowrap"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-              data-align="stretch"
-              data-direction="vertical"
-              data-gap="condensed"
-              data-justify="start"
-              data-padding="none"
-              data-wrap="nowrap"
+              class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
             >
               <div
-                class="Box-sc-g0xbh4-0"
+                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                data-align="stretch"
+                data-direction="vertical"
+                data-gap="condensed"
+                data-justify="start"
+                data-padding="none"
+                data-wrap="nowrap"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
+                  class="Box-sc-g0xbh4-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    class="octicon octicon-person"
-                    display="inline-block"
-                    fill="currentColor"
-                    focusable="false"
-                    height="16"
-                    overflow="visible"
-                    style="vertical-align: text-bottom;"
-                    viewBox="0 0 16 16"
-                    width="16"
-                  >
-                    <path
-                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
-                    />
-                  </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
                   >
-                    Mona Lisa Octocat
-                  </span>
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-person"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      Mona Lisa Octocat
+                    </span>
+                  </div>
                 </div>
-              </div>
-              <div
-                class="Box-sc-g0xbh4-0 cursor-pointer"
-                data-testid="account-host"
-                title="Open host"
-              >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
+                  class="Box-sc-g0xbh4-0 cursor-pointer"
+                  data-testid="account-host"
+                  title="Open host"
                 >
-                  <svg
-                    aria-hidden="true"
-                    class="octicon octicon-mark-github"
-                    display="inline-block"
-                    fill="currentColor"
-                    focusable="false"
-                    height="16"
-                    overflow="visible"
-                    style="vertical-align: text-bottom;"
-                    viewBox="0 0 16 16"
-                    width="16"
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
                   >
-                    <path
-                      d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
-                    />
-                  </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-mark-github"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      github.com
+                    </span>
+                  </div>
+                </div>
+                <div
+                  class="Box-sc-g0xbh4-0 cursor-pointer"
+                  data-testid="account-developer-settings"
+                  title="Open developer settings"
+                >
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
                   >
-                    github.com
-                  </span>
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-key"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M10.5 0a5.499 5.499 0 1 1-1.288 10.848l-.932.932a.749.749 0 0 1-.53.22H7v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22H5v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22h-2A1.75 1.75 0 0 1 0 14.25v-2c0-.199.079-.389.22-.53l4.932-4.932A5.5 5.5 0 0 1 10.5 0Zm-4 5.5c-.001.431.069.86.205 1.269a.75.75 0 0 1-.181.768L1.5 12.56v1.69c0 .138.112.25.25.25h1.69l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l1.023-1.025a.75.75 0 0 1 .768-.18A4 4 0 1 0 6.5 5.5ZM11 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      Personal Access Token
+                    </span>
+                  </div>
                 </div>
               </div>
+            </div>
+            <div
+              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              data-align="stretch"
+              data-direction="horizontal"
+              data-gap="condensed"
+              data-justify="start"
+              data-padding="none"
+              data-wrap="nowrap"
+            >
+              <button
+                aria-describedby=":r3:-loading-announcement"
+                aria-labelledby=":r2:"
+                class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-missing-scopes"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-alert-fill"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                  />
+                </svg>
+              </button>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r2:"
+                popover="auto"
+              >
+                This account is missing one or more required scopes: [read:user, notifications, repo]
+              </span>
+              <button
+                aria-describedby=":r5:-loading-announcement"
+                aria-labelledby=":r4:"
+                class="types__StyledButton-sc-ws60qy-0 gEWhIh"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-set-primary"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-star-fill"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Z"
+                  />
+                </svg>
+              </button>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r4:"
+                popover="auto"
+              >
+                Primary account
+              </span>
               <div
-                class="Box-sc-g0xbh4-0 cursor-pointer"
-                data-testid="account-developer-settings"
-                title="Open developer settings"
+                class="Box-sc-g0xbh4-0 hMgwpS"
+                data-loading-wrapper="true"
+                sx="[object Object]"
               >
-                <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
+                <button
+                  aria-describedby=":r7:-loading-announcement"
+                  aria-labelledby=":r6:"
+                  class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                  data-component="IconButton"
+                  data-loading="false"
+                  data-no-visuals="true"
+                  data-size="small"
+                  data-testid="account-refresh"
+                  sx="[object Object]"
+                  type="button"
                 >
                   <svg
                     aria-hidden="true"
-                    class="octicon octicon-apps"
+                    class="octicon octicon-sync"
                     display="inline-block"
                     fill="currentColor"
                     focusable="false"
@@ -2228,731 +2930,90 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     width="16"
                   >
                     <path
-                      d="M1.5 3.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5A1.75 1.75 0 0 1 5.75 7.5h-2.5A1.75 1.75 0 0 1 1.5 5.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5A1.75 1.75 0 0 1 8.5 5.75Zm-7 7c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75ZM3.25 3a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5A.25.25 0 0 0 6 5.75v-2.5A.25.25 0 0 0 5.75 3Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm-7 7a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Z"
+                      d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
                     />
                   </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
-                  >
-                    GitHub App
-                  </span>
-                </div>
+                </button>
               </div>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r6:"
+                popover="auto"
+              >
+                Refresh octocat
+              </span>
+              <button
+                aria-describedby=":r9:-loading-announcement"
+                aria-labelledby=":r8:"
+                class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-logout"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-sign-out"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                  />
+                </svg>
+              </button>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":r8:"
+                popover="auto"
+              >
+                Logout octocat
+              </span>
             </div>
           </div>
         </div>
+      </div>
+    </div>
+    <div
+      class="Box-sc-g0xbh4-0 rounded-md p-2 mb-4 bg-gitify-accounts"
+    >
+      <div
+        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+        data-align="stretch"
+        data-direction="horizontal"
+        data-justify="start"
+        data-padding="none"
+        data-wrap="nowrap"
+      >
         <div
           class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
           data-align="stretch"
-          data-direction="horizontal"
-          data-gap="condensed"
+          data-direction="vertical"
           data-justify="start"
           data-padding="none"
           data-wrap="nowrap"
         >
           <button
-            aria-describedby=":r4g:-loading-announcement"
-            aria-labelledby=":r4f:"
-            class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-missing-scopes"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-alert-fill"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r4f:"
-            popover="auto"
-          >
-            This account is missing one or more required scopes: [read:user, notifications, repo]
-          </span>
-          <button
-            aria-describedby=":r4i:-loading-announcement"
-            aria-labelledby=":r4h:"
+            aria-describedby=":ra:-loading-announcement"
             class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-            data-component="IconButton"
             data-loading="false"
             data-no-visuals="true"
-            data-size="small"
-            data-testid="account-set-primary"
+            data-testid="account-profile"
             sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-star"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r4h:"
-            popover="auto"
-          >
-            Set as primary account
-          </span>
-          <div
-            class="Box-sc-g0xbh4-0 hMgwpS"
-            data-loading-wrapper="true"
-            sx="[object Object]"
-          >
-            <button
-              aria-describedby=":r4k:-loading-announcement"
-              aria-labelledby=":r4j:"
-              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-              data-component="IconButton"
-              data-loading="false"
-              data-no-visuals="true"
-              data-size="small"
-              data-testid="account-refresh"
-              sx="[object Object]"
-              type="button"
-            >
-              <svg
-                aria-hidden="true"
-                class="octicon octicon-sync"
-                display="inline-block"
-                fill="currentColor"
-                focusable="false"
-                height="16"
-                overflow="visible"
-                style="vertical-align: text-bottom;"
-                viewBox="0 0 16 16"
-                width="16"
-              >
-                <path
-                  d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
-                />
-              </svg>
-            </button>
-          </div>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r4j:"
-            popover="auto"
-          >
-            Refresh octocat
-          </span>
-          <button
-            aria-describedby=":r4m:-loading-announcement"
-            aria-labelledby=":r4l:"
-            class="types__StyledButton-sc-ws60qy-0 cYZGEC"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-logout"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-sign-out"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r4l:"
-            popover="auto"
-          >
-            Logout octocat
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Box-sc-g0xbh4-0 fixed bottom-0 left-sidebar right-0 bg-gitify-footer"
-  >
-    <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-      data-align="stretch"
-      data-direction="horizontal"
-      data-justify="end"
-      data-padding="condensed"
-      data-wrap="nowrap"
-    >
-      <button
-        aria-describedby=":r4n:-loading-announcement"
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-        data-loading="false"
-        data-testid="account-add-new"
-        id=":r4n:"
-        sx="[object Object]"
-        tabindex="0"
-        type="button"
-      >
-        <span
-          class="Box-sc-g0xbh4-0 srpGE"
-          data-component="buttonContent"
-          sx="[object Object]"
-        >
-          <span
-            class="Box-sc-g0xbh4-0 mhHOW"
-            data-component="leadingVisual"
-            sx="[object Object]"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-person-add"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M7.9 8.548h-.001a5.528 5.528 0 0 1 3.1 4.659.75.75 0 1 1-1.498.086A4.01 4.01 0 0 0 5.5 9.5a4.01 4.01 0 0 0-4.001 3.793.75.75 0 1 1-1.498-.085 5.527 5.527 0 0 1 3.1-4.66 3.5 3.5 0 1 1 4.799 0ZM13.25 0a.75.75 0 0 1 .75.75V2h1.25a.75.75 0 0 1 0 1.5H14v1.25a.75.75 0 0 1-1.5 0V3.5h-1.25a.75.75 0 0 1 0-1.5h1.25V.75a.75.75 0 0 1 .75-.75ZM5.5 4a2 2 0 1 0-.001 3.999A2 2 0 0 0 5.5 4Z"
-              />
-            </svg>
-          </span>
-          <span
-            data-component="text"
-          >
-            Add new account
-          </span>
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renderer/routes/Accounts.tsx General should render itself & its children 1`] = `
-<div
-  class="Box-sc-g0xbh4-0 flex flex-col h-screen"
-  data-testid="accounts"
->
-  <div
-    class="Box-sc-g0xbh4-0 px-6 py-4"
-  >
-    <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-      data-align="stretch"
-      data-direction="horizontal"
-      data-justify="space-between"
-      data-padding="none"
-      data-wrap="nowrap"
-    >
-      <button
-        aria-describedby=":r0:-loading-announcement"
-        aria-labelledby="Go Back"
-        class="types__StyledButton-sc-ws60qy-0 kQRupk"
-        data-component="IconButton"
-        data-loading="false"
-        data-no-visuals="true"
-        data-testid="header-nav-back"
-        sx="[object Object]"
-        type="button"
-      >
-        <svg
-          aria-hidden="true"
-          class="octicon octicon-arrow-left"
-          display="inline-block"
-          fill="currentColor"
-          focusable="false"
-          height="16"
-          overflow="visible"
-          style="vertical-align: text-bottom;"
-          viewBox="0 0 16 16"
-          width="16"
-        >
-          <path
-            d="M7.78 12.53a.75.75 0 0 1-1.06 0L2.47 8.28a.75.75 0 0 1 0-1.06l4.25-4.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L4.81 7h7.44a.75.75 0 0 1 0 1.5H4.81l2.97 2.97a.75.75 0 0 1 0 1.06Z"
-          />
-        </svg>
-      </button>
-      <legend>
-        <div
-          class="Box-sc-g0xbh4-0 mb-2"
-        >
-          <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-            data-align="center"
-            data-direction="horizontal"
-            data-gap="condensed"
-            data-justify="start"
-            data-padding="none"
-            data-wrap="nowrap"
-            id="accounts"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-person"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
-              />
-            </svg>
-            <h2
-              class="Heading__StyledHeading-sc-1c1dgg0-0 fuhZuh"
-              sx="[object Object]"
-            >
-              Accounts
-            </h2>
-          </div>
-        </div>
-      </legend>
-    </div>
-  </div>
-  <div
-    class="Box-sc-g0xbh4-0 grow overflow-x-auto px-8 pb-2 mb-12 "
-  >
-    <div
-      class="Box-sc-g0xbh4-0 rounded-md p-2 mb-4 bg-gitify-accounts"
-    >
-      <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-        data-align="center"
-        data-direction="horizontal"
-        data-gap="condensed"
-        data-justify="space-between"
-        data-padding="none"
-        data-wrap="nowrap"
-      >
-        <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="start"
-          data-direction="vertical"
-          data-gap="condensed"
-          data-justify="start"
-          data-padding="none"
-          data-wrap="nowrap"
-        >
-          <button
-            aria-describedby=":r1:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-            data-loading="false"
-            data-no-visuals="true"
-            data-testid="account-profile"
-            sx="[object Object]"
-            title="Open account profile"
-            type="button"
-          >
-            <span
-              class="Box-sc-g0xbh4-0 srpGE"
-              data-component="buttonContent"
-              sx="[object Object]"
-            >
-              <span
-                data-component="text"
-              >
-                <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-testid="avatar"
-                  data-wrap="nowrap"
-                >
-                  <img
-                    alt="octocat"
-                    class="Avatar__StyledAvatar-sc-2lv0r8-0 jwAMPP"
-                    data-component="Avatar"
-                    height="20"
-                    size="20"
-                    src="https://avatars.githubusercontent.com/u/583231?v=4"
-                    sx="[object Object]"
-                    width="20"
-                  />
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
-                  >
-                    @octocat
-                  </span>
-                </div>
-              </span>
-            </span>
-          </button>
-          <div
-            class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
-          >
-            <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-              data-align="stretch"
-              data-direction="vertical"
-              data-gap="condensed"
-              data-justify="start"
-              data-padding="none"
-              data-wrap="nowrap"
-            >
-              <div
-                class="Box-sc-g0xbh4-0"
-              >
-                <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
-                >
-                  <svg
-                    aria-hidden="true"
-                    class="octicon octicon-person"
-                    display="inline-block"
-                    fill="currentColor"
-                    focusable="false"
-                    height="16"
-                    overflow="visible"
-                    style="vertical-align: text-bottom;"
-                    viewBox="0 0 16 16"
-                    width="16"
-                  >
-                    <path
-                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
-                    />
-                  </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
-                  >
-                    Mona Lisa Octocat
-                  </span>
-                </div>
-              </div>
-              <div
-                class="Box-sc-g0xbh4-0 cursor-pointer"
-                data-testid="account-host"
-                title="Open host"
-              >
-                <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
-                >
-                  <svg
-                    aria-hidden="true"
-                    class="octicon octicon-mark-github"
-                    display="inline-block"
-                    fill="currentColor"
-                    focusable="false"
-                    height="16"
-                    overflow="visible"
-                    style="vertical-align: text-bottom;"
-                    viewBox="0 0 16 16"
-                    width="16"
-                  >
-                    <path
-                      d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
-                    />
-                  </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
-                  >
-                    github.com
-                  </span>
-                </div>
-              </div>
-              <div
-                class="Box-sc-g0xbh4-0 cursor-pointer"
-                data-testid="account-developer-settings"
-                title="Open developer settings"
-              >
-                <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
-                >
-                  <svg
-                    aria-hidden="true"
-                    class="octicon octicon-key"
-                    display="inline-block"
-                    fill="currentColor"
-                    focusable="false"
-                    height="16"
-                    overflow="visible"
-                    style="vertical-align: text-bottom;"
-                    viewBox="0 0 16 16"
-                    width="16"
-                  >
-                    <path
-                      d="M10.5 0a5.499 5.499 0 1 1-1.288 10.848l-.932.932a.749.749 0 0 1-.53.22H7v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22H5v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22h-2A1.75 1.75 0 0 1 0 14.25v-2c0-.199.079-.389.22-.53l4.932-4.932A5.5 5.5 0 0 1 10.5 0Zm-4 5.5c-.001.431.069.86.205 1.269a.75.75 0 0 1-.181.768L1.5 12.56v1.69c0 .138.112.25.25.25h1.69l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l1.023-1.025a.75.75 0 0 1 .768-.18A4 4 0 1 0 6.5 5.5ZM11 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"
-                    />
-                  </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
-                  >
-                    Personal Access Token
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="stretch"
-          data-direction="horizontal"
-          data-gap="condensed"
-          data-justify="start"
-          data-padding="none"
-          data-wrap="nowrap"
-        >
-          <button
-            aria-describedby=":r3:-loading-announcement"
-            aria-labelledby=":r2:"
-            class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-missing-scopes"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-alert-fill"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r2:"
-            popover="auto"
-          >
-            This account is missing one or more required scopes: [read:user, notifications, repo]
-          </span>
-          <button
-            aria-describedby=":r5:-loading-announcement"
-            aria-labelledby=":r4:"
-            class="types__StyledButton-sc-ws60qy-0 gEWhIh"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-set-primary"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-star-fill"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r4:"
-            popover="auto"
-          >
-            Primary account
-          </span>
-          <div
-            class="Box-sc-g0xbh4-0 hMgwpS"
-            data-loading-wrapper="true"
-            sx="[object Object]"
-          >
-            <button
-              aria-describedby=":r7:-loading-announcement"
-              aria-labelledby=":r6:"
-              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-              data-component="IconButton"
-              data-loading="false"
-              data-no-visuals="true"
-              data-size="small"
-              data-testid="account-refresh"
-              sx="[object Object]"
-              type="button"
-            >
-              <svg
-                aria-hidden="true"
-                class="octicon octicon-sync"
-                display="inline-block"
-                fill="currentColor"
-                focusable="false"
-                height="16"
-                overflow="visible"
-                style="vertical-align: text-bottom;"
-                viewBox="0 0 16 16"
-                width="16"
-              >
-                <path
-                  d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
-                />
-              </svg>
-            </button>
-          </div>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r6:"
-            popover="auto"
-          >
-            Refresh octocat
-          </span>
-          <button
-            aria-describedby=":r9:-loading-announcement"
-            aria-labelledby=":r8:"
-            class="types__StyledButton-sc-ws60qy-0 cYZGEC"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-logout"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-sign-out"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":r8:"
-            popover="auto"
-          >
-            Logout octocat
-          </span>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Box-sc-g0xbh4-0 rounded-md p-2 mb-4 bg-gitify-accounts"
-    >
-      <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-        data-align="center"
-        data-direction="horizontal"
-        data-gap="condensed"
-        data-justify="space-between"
-        data-padding="none"
-        data-wrap="nowrap"
-      >
-        <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="start"
-          data-direction="vertical"
-          data-gap="condensed"
-          data-justify="start"
-          data-padding="none"
-          data-wrap="nowrap"
-        >
-          <button
-            aria-describedby=":ra:-loading-announcement"
-            class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-            data-loading="false"
-            data-no-visuals="true"
-            data-testid="account-profile"
-            sx="[object Object]"
-            title="Open account profile"
+            title="Open account profile"
             type="button"
           >
             <span
@@ -2983,306 +3044,317 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     sx="[object Object]"
                     width="20"
                   />
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                  <div
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    maxwidth="280"
+                    title="@octocat"
                   >
-                    @octocat
-                  </span>
+                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  </div>
                 </div>
               </span>
             </span>
           </button>
           <div
-            class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            data-align="center"
+            data-direction="horizontal"
+            data-justify="space-between"
+            data-padding="none"
+            data-wrap="nowrap"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-              data-align="stretch"
-              data-direction="vertical"
-              data-gap="condensed"
-              data-justify="start"
-              data-padding="none"
-              data-wrap="nowrap"
+              class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
             >
               <div
-                class="Box-sc-g0xbh4-0"
+                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                data-align="stretch"
+                data-direction="vertical"
+                data-gap="condensed"
+                data-justify="start"
+                data-padding="none"
+                data-wrap="nowrap"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
+                  class="Box-sc-g0xbh4-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    class="octicon octicon-person"
-                    display="inline-block"
-                    fill="currentColor"
-                    focusable="false"
-                    height="16"
-                    overflow="visible"
-                    style="vertical-align: text-bottom;"
-                    viewBox="0 0 16 16"
-                    width="16"
-                  >
-                    <path
-                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
-                    />
-                  </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
                   >
-                    Mona Lisa Octocat
-                  </span>
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-person"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      Mona Lisa Octocat
+                    </span>
+                  </div>
                 </div>
-              </div>
-              <div
-                class="Box-sc-g0xbh4-0 cursor-pointer"
-                data-testid="account-host"
-                title="Open host"
-              >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
+                  class="Box-sc-g0xbh4-0 cursor-pointer"
+                  data-testid="account-host"
+                  title="Open host"
                 >
-                  <svg
-                    aria-hidden="true"
-                    class="octicon octicon-server"
-                    display="inline-block"
-                    fill="currentColor"
-                    focusable="false"
-                    height="16"
-                    overflow="visible"
-                    style="vertical-align: text-bottom;"
-                    viewBox="0 0 16 16"
-                    width="16"
-                  >
-                    <path
-                      d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v4c0 .372-.116.717-.314 1 .198.283.314.628.314 1v4a1.75 1.75 0 0 1-1.75 1.75H1.75A1.75 1.75 0 0 1 0 12.75v-4c0-.358.109-.707.314-1a1.739 1.739 0 0 1-.314-1v-4C0 1.784.784 1 1.75 1ZM1.5 2.75v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Zm.25 5.75a.25.25 0 0 0-.25.25v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25ZM7 4.75A.75.75 0 0 1 7.75 4h4.5a.75.75 0 0 1 0 1.5h-4.5A.75.75 0 0 1 7 4.75ZM7.75 10h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM3 4.75A.75.75 0 0 1 3.75 4h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 3 4.75ZM3.75 10h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5Z"
-                    />
-                  </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
                   >
-                    github.gitify.io
-                  </span>
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-server"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v4c0 .372-.116.717-.314 1 .198.283.314.628.314 1v4a1.75 1.75 0 0 1-1.75 1.75H1.75A1.75 1.75 0 0 1 0 12.75v-4c0-.358.109-.707.314-1a1.739 1.739 0 0 1-.314-1v-4C0 1.784.784 1 1.75 1ZM1.5 2.75v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Zm.25 5.75a.25.25 0 0 0-.25.25v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25ZM7 4.75A.75.75 0 0 1 7.75 4h4.5a.75.75 0 0 1 0 1.5h-4.5A.75.75 0 0 1 7 4.75ZM7.75 10h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM3 4.75A.75.75 0 0 1 3.75 4h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 3 4.75ZM3.75 10h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      github.gitify.io
+                    </span>
+                  </div>
                 </div>
-              </div>
-              <div
-                class="Box-sc-g0xbh4-0 cursor-pointer"
-                data-testid="account-developer-settings"
-                title="Open developer settings"
-              >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
+                  class="Box-sc-g0xbh4-0 cursor-pointer"
+                  data-testid="account-developer-settings"
+                  title="Open developer settings"
                 >
-                  <svg
-                    aria-hidden="true"
-                    class="octicon octicon-person"
-                    display="inline-block"
-                    fill="currentColor"
-                    focusable="false"
-                    height="16"
-                    overflow="visible"
-                    style="vertical-align: text-bottom;"
-                    viewBox="0 0 16 16"
-                    width="16"
-                  >
-                    <path
-                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
-                    />
-                  </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
                   >
-                    OAuth App
-                  </span>
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-person"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      OAuth App
+                    </span>
+                  </div>
                 </div>
               </div>
             </div>
-          </div>
-        </div>
-        <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="stretch"
-          data-direction="horizontal"
-          data-gap="condensed"
-          data-justify="start"
-          data-padding="none"
-          data-wrap="nowrap"
-        >
-          <button
-            aria-describedby=":rc:-loading-announcement"
-            aria-labelledby=":rb:"
-            class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-missing-scopes"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-alert-fill"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":rb:"
-            popover="auto"
-          >
-            This account is missing one or more required scopes: [read:user, notifications, repo]
-          </span>
-          <button
-            aria-describedby=":re:-loading-announcement"
-            aria-labelledby=":rd:"
-            class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-set-primary"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-star"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":rd:"
-            popover="auto"
-          >
-            Set as primary account
-          </span>
-          <div
-            class="Box-sc-g0xbh4-0 hMgwpS"
-            data-loading-wrapper="true"
-            sx="[object Object]"
-          >
-            <button
-              aria-describedby=":rg:-loading-announcement"
-              aria-labelledby=":rf:"
-              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-              data-component="IconButton"
-              data-loading="false"
-              data-no-visuals="true"
-              data-size="small"
-              data-testid="account-refresh"
-              sx="[object Object]"
-              type="button"
+            <div
+              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              data-align="stretch"
+              data-direction="horizontal"
+              data-gap="condensed"
+              data-justify="start"
+              data-padding="none"
+              data-wrap="nowrap"
             >
-              <svg
+              <button
+                aria-describedby=":rc:-loading-announcement"
+                aria-labelledby=":rb:"
+                class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-missing-scopes"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-alert-fill"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                  />
+                </svg>
+              </button>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":rb:"
+                popover="auto"
+              >
+                This account is missing one or more required scopes: [read:user, notifications, repo]
+              </span>
+              <button
+                aria-describedby=":re:-loading-announcement"
+                aria-labelledby=":rd:"
+                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-set-primary"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-star"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
+                  />
+                </svg>
+              </button>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":rd:"
+                popover="auto"
+              >
+                Set as primary account
+              </span>
+              <div
+                class="Box-sc-g0xbh4-0 hMgwpS"
+                data-loading-wrapper="true"
+                sx="[object Object]"
+              >
+                <button
+                  aria-describedby=":rg:-loading-announcement"
+                  aria-labelledby=":rf:"
+                  class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                  data-component="IconButton"
+                  data-loading="false"
+                  data-no-visuals="true"
+                  data-size="small"
+                  data-testid="account-refresh"
+                  sx="[object Object]"
+                  type="button"
+                >
+                  <svg
+                    aria-hidden="true"
+                    class="octicon octicon-sync"
+                    display="inline-block"
+                    fill="currentColor"
+                    focusable="false"
+                    height="16"
+                    overflow="visible"
+                    style="vertical-align: text-bottom;"
+                    viewBox="0 0 16 16"
+                    width="16"
+                  >
+                    <path
+                      d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
+                    />
+                  </svg>
+                </button>
+              </div>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":rf:"
+                popover="auto"
+              >
+                Refresh octocat
+              </span>
+              <button
+                aria-describedby=":ri:-loading-announcement"
+                aria-labelledby=":rh:"
+                class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-logout"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-sign-out"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                  />
+                </svg>
+              </button>
+              <span
                 aria-hidden="true"
-                class="octicon octicon-sync"
-                display="inline-block"
-                fill="currentColor"
-                focusable="false"
-                height="16"
-                overflow="visible"
-                style="vertical-align: text-bottom;"
-                viewBox="0 0 16 16"
-                width="16"
-              >
-                <path
-                  d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
-                />
-              </svg>
-            </button>
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":rh:"
+                popover="auto"
+              >
+                Logout octocat
+              </span>
+            </div>
           </div>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":rf:"
-            popover="auto"
-          >
-            Refresh octocat
-          </span>
-          <button
-            aria-describedby=":ri:-loading-announcement"
-            aria-labelledby=":rh:"
-            class="types__StyledButton-sc-ws60qy-0 cYZGEC"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-logout"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-sign-out"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":rh:"
-            popover="auto"
-          >
-            Logout octocat
-          </span>
         </div>
       </div>
     </div>
@@ -3291,18 +3363,16 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
     >
       <div
         class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-        data-align="center"
+        data-align="stretch"
         data-direction="horizontal"
-        data-gap="condensed"
-        data-justify="space-between"
+        data-justify="start"
         data-padding="none"
         data-wrap="nowrap"
       >
         <div
           class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="start"
+          data-align="stretch"
           data-direction="vertical"
-          data-gap="condensed"
           data-justify="start"
           data-padding="none"
           data-wrap="nowrap"
@@ -3345,116 +3415,253 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     sx="[object Object]"
                     width="20"
                   />
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ block truncate flex-shrink overflow-ellipsis"
+                  <div
+                    class="Truncate__StyledTruncate-sc-23o1d2-0 ldPZNj"
+                    maxwidth="280"
+                    title="@octocat"
                   >
-                    @octocat
-                  </span>
+                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  </div>
                 </div>
               </span>
             </span>
           </button>
           <div
-            class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            data-align="center"
+            data-direction="horizontal"
+            data-justify="space-between"
+            data-padding="none"
+            data-wrap="nowrap"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-              data-align="stretch"
-              data-direction="vertical"
-              data-gap="condensed"
-              data-justify="start"
-              data-padding="none"
-              data-wrap="nowrap"
+              class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
             >
               <div
-                class="Box-sc-g0xbh4-0"
+                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                data-align="stretch"
+                data-direction="vertical"
+                data-gap="condensed"
+                data-justify="start"
+                data-padding="none"
+                data-wrap="nowrap"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
+                  class="Box-sc-g0xbh4-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    class="octicon octicon-person"
-                    display="inline-block"
-                    fill="currentColor"
-                    focusable="false"
-                    height="16"
-                    overflow="visible"
-                    style="vertical-align: text-bottom;"
-                    viewBox="0 0 16 16"
-                    width="16"
-                  >
-                    <path
-                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
-                    />
-                  </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
                   >
-                    Mona Lisa Octocat
-                  </span>
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-person"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      Mona Lisa Octocat
+                    </span>
+                  </div>
                 </div>
-              </div>
-              <div
-                class="Box-sc-g0xbh4-0 cursor-pointer"
-                data-testid="account-host"
-                title="Open host"
-              >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
+                  class="Box-sc-g0xbh4-0 cursor-pointer"
+                  data-testid="account-host"
+                  title="Open host"
                 >
-                  <svg
-                    aria-hidden="true"
-                    class="octicon octicon-mark-github"
-                    display="inline-block"
-                    fill="currentColor"
-                    focusable="false"
-                    height="16"
-                    overflow="visible"
-                    style="vertical-align: text-bottom;"
-                    viewBox="0 0 16 16"
-                    width="16"
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
                   >
-                    <path
-                      d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
-                    />
-                  </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-mark-github"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      github.com
+                    </span>
+                  </div>
+                </div>
+                <div
+                  class="Box-sc-g0xbh4-0 cursor-pointer"
+                  data-testid="account-developer-settings"
+                  title="Open developer settings"
+                >
+                  <div
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                    data-align="center"
+                    data-direction="horizontal"
+                    data-gap="condensed"
+                    data-justify="start"
+                    data-padding="none"
+                    data-wrap="nowrap"
                   >
-                    github.com
-                  </span>
+                    <svg
+                      aria-hidden="true"
+                      class="octicon octicon-apps"
+                      display="inline-block"
+                      fill="currentColor"
+                      focusable="false"
+                      height="16"
+                      overflow="visible"
+                      style="vertical-align: text-bottom;"
+                      viewBox="0 0 16 16"
+                      width="16"
+                    >
+                      <path
+                        d="M1.5 3.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5A1.75 1.75 0 0 1 5.75 7.5h-2.5A1.75 1.75 0 0 1 1.5 5.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5A1.75 1.75 0 0 1 8.5 5.75Zm-7 7c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75ZM3.25 3a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5A.25.25 0 0 0 6 5.75v-2.5A.25.25 0 0 0 5.75 3Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm-7 7a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Z"
+                      />
+                    </svg>
+                    <span
+                      class="Text-sc-17v1xeu-0 hmAFGJ"
+                    >
+                      GitHub App
+                    </span>
+                  </div>
                 </div>
               </div>
+            </div>
+            <div
+              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              data-align="stretch"
+              data-direction="horizontal"
+              data-gap="condensed"
+              data-justify="start"
+              data-padding="none"
+              data-wrap="nowrap"
+            >
+              <button
+                aria-describedby=":rl:-loading-announcement"
+                aria-labelledby=":rk:"
+                class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-missing-scopes"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-alert-fill"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                  />
+                </svg>
+              </button>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":rk:"
+                popover="auto"
+              >
+                This account is missing one or more required scopes: [read:user, notifications, repo]
+              </span>
+              <button
+                aria-describedby=":rn:-loading-announcement"
+                aria-labelledby=":rm:"
+                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-set-primary"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-star"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
+                  />
+                </svg>
+              </button>
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":rm:"
+                popover="auto"
+              >
+                Set as primary account
+              </span>
               <div
-                class="Box-sc-g0xbh4-0 cursor-pointer"
-                data-testid="account-developer-settings"
-                title="Open developer settings"
+                class="Box-sc-g0xbh4-0 hMgwpS"
+                data-loading-wrapper="true"
+                sx="[object Object]"
               >
-                <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                  data-align="center"
-                  data-direction="horizontal"
-                  data-gap="condensed"
-                  data-justify="start"
-                  data-padding="none"
-                  data-wrap="nowrap"
+                <button
+                  aria-describedby=":rp:-loading-announcement"
+                  aria-labelledby=":ro:"
+                  class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+                  data-component="IconButton"
+                  data-loading="false"
+                  data-no-visuals="true"
+                  data-size="small"
+                  data-testid="account-refresh"
+                  sx="[object Object]"
+                  type="button"
                 >
                   <svg
                     aria-hidden="true"
-                    class="octicon octicon-apps"
+                    class="octicon octicon-sync"
                     display="inline-block"
                     fill="currentColor"
                     focusable="false"
@@ -3465,186 +3672,60 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     width="16"
                   >
                     <path
-                      d="M1.5 3.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5A1.75 1.75 0 0 1 5.75 7.5h-2.5A1.75 1.75 0 0 1 1.5 5.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5A1.75 1.75 0 0 1 8.5 5.75Zm-7 7c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75ZM3.25 3a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5A.25.25 0 0 0 6 5.75v-2.5A.25.25 0 0 0 5.75 3Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm-7 7a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Z"
+                      d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
                     />
                   </svg>
-                  <span
-                    class="Text-sc-17v1xeu-0 hmAFGJ"
-                  >
-                    GitHub App
-                  </span>
-                </div>
+                </button>
               </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="stretch"
-          data-direction="horizontal"
-          data-gap="condensed"
-          data-justify="start"
-          data-padding="none"
-          data-wrap="nowrap"
-        >
-          <button
-            aria-describedby=":rl:-loading-announcement"
-            aria-labelledby=":rk:"
-            class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-missing-scopes"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-alert-fill"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":rk:"
-            popover="auto"
-          >
-            This account is missing one or more required scopes: [read:user, notifications, repo]
-          </span>
-          <button
-            aria-describedby=":rn:-loading-announcement"
-            aria-labelledby=":rm:"
-            class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-set-primary"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-star"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":rm:"
-            popover="auto"
-          >
-            Set as primary account
-          </span>
-          <div
-            class="Box-sc-g0xbh4-0 hMgwpS"
-            data-loading-wrapper="true"
-            sx="[object Object]"
-          >
-            <button
-              aria-describedby=":rp:-loading-announcement"
-              aria-labelledby=":ro:"
-              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-              data-component="IconButton"
-              data-loading="false"
-              data-no-visuals="true"
-              data-size="small"
-              data-testid="account-refresh"
-              sx="[object Object]"
-              type="button"
-            >
-              <svg
+              <span
+                aria-hidden="true"
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":ro:"
+                popover="auto"
+              >
+                Refresh octocat
+              </span>
+              <button
+                aria-describedby=":rr:-loading-announcement"
+                aria-labelledby=":rq:"
+                class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+                data-component="IconButton"
+                data-loading="false"
+                data-no-visuals="true"
+                data-size="small"
+                data-testid="account-logout"
+                sx="[object Object]"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-sign-out"
+                  display="inline-block"
+                  fill="currentColor"
+                  focusable="false"
+                  height="16"
+                  overflow="visible"
+                  style="vertical-align: text-bottom;"
+                  viewBox="0 0 16 16"
+                  width="16"
+                >
+                  <path
+                    d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                  />
+                </svg>
+              </button>
+              <span
                 aria-hidden="true"
-                class="octicon octicon-sync"
-                display="inline-block"
-                fill="currentColor"
-                focusable="false"
-                height="16"
-                overflow="visible"
-                style="vertical-align: text-bottom;"
-                viewBox="0 0 16 16"
-                width="16"
-              >
-                <path
-                  d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
-                />
-              </svg>
-            </button>
+                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+                data-direction="s"
+                id=":rq:"
+                popover="auto"
+              >
+                Logout octocat
+              </span>
+            </div>
           </div>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":ro:"
-            popover="auto"
-          >
-            Refresh octocat
-          </span>
-          <button
-            aria-describedby=":rr:-loading-announcement"
-            aria-labelledby=":rq:"
-            class="types__StyledButton-sc-ws60qy-0 cYZGEC"
-            data-component="IconButton"
-            data-loading="false"
-            data-no-visuals="true"
-            data-size="small"
-            data-testid="account-logout"
-            sx="[object Object]"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              class="octicon octicon-sign-out"
-              display="inline-block"
-              fill="currentColor"
-              focusable="false"
-              height="16"
-              overflow="visible"
-              style="vertical-align: text-bottom;"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
-              />
-            </svg>
-          </button>
-          <span
-            aria-hidden="true"
-            class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-            data-direction="s"
-            id=":rq:"
-            popover="auto"
-          >
-            Logout octocat
-          </span>
         </div>
       </div>
     </div>

From f53ec79a8140a0fe63eac7e1b910d1cd9b391264 Mon Sep 17 00:00:00 2001
From: Adam Setch <adam.setch@outlook.com>
Date: Wed, 29 Jan 2025 22:02:13 -0500
Subject: [PATCH 3/4] feat: avatar length handling

Signed-off-by: Adam Setch <adam.setch@outlook.com>
---
 .../components/avatars/AvatarWithFallback.tsx |    4 +-
 .../AvatarWithFallback.test.tsx.snap          |   20 +-
 .../AccountNotifications.test.tsx.snap        |   30 +-
 .../NotificationHeader.test.tsx.snap          |   12 +-
 .../NotificationRow.test.tsx.snap             |    4 +-
 .../RepositoryNotifications.test.tsx.snap     |   14 +-
 src/renderer/routes/Accounts.tsx              |  178 +-
 .../__snapshots__/Accounts.test.tsx.snap      | 4458 ++++++++---------
 8 files changed, 2359 insertions(+), 2361 deletions(-)

diff --git a/src/renderer/components/avatars/AvatarWithFallback.tsx b/src/renderer/components/avatars/AvatarWithFallback.tsx
index 05df46b3d..476d71d74 100644
--- a/src/renderer/components/avatars/AvatarWithFallback.tsx
+++ b/src/renderer/components/avatars/AvatarWithFallback.tsx
@@ -34,7 +34,6 @@ export const AvatarWithFallback: React.FC<IAvatarWithFallback> = ({
       align="center"
       gap="condensed"
       data-testid="avatar"
-      className="truncate"
     >
       {!src || isBroken ? (
         isNonHuman ? (
@@ -53,8 +52,7 @@ export const AvatarWithFallback: React.FC<IAvatarWithFallback> = ({
       )}
       {name && (
         <Truncate title={name} inline maxWidth={280}>
-          asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun
-          piunaspiufnpiuadspdsfainfdsai
+          {name}
         </Truncate>
       )}
     </Stack>
diff --git a/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap b/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap
index 47be53f32..c763d44ba 100644
--- a/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap
+++ b/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap
@@ -36,7 +36,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
           maxwidth="280"
           title="@gitify-app"
         >
-          asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+          @gitify-app
         </div>
       </div>
     </div>
@@ -73,7 +73,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
         maxwidth="280"
         title="@gitify-app"
       >
-        asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+        @gitify-app
       </div>
     </div>
   </div>,
@@ -167,7 +167,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
           maxwidth="280"
           title="@gitify-app"
         >
-          asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+          @gitify-app
         </div>
       </div>
     </div>
@@ -204,7 +204,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
         maxwidth="280"
         title="@gitify-app"
       >
-        asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+        @gitify-app
       </div>
     </div>
   </div>,
@@ -288,7 +288,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
     maxwidth="280"
     title="@gitify-app"
   >
-    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+    @gitify-app
   </div>
 </div>
 `;
@@ -319,7 +319,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
     maxwidth="280"
     title="@gitify-app"
   >
-    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+    @gitify-app
   </div>
 </div>
 `;
@@ -354,7 +354,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
           maxwidth="280"
           title="@gitify-app"
         >
-          asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+          @gitify-app
         </div>
       </div>
     </div>
@@ -385,7 +385,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
         maxwidth="280"
         title="@gitify-app"
       >
-        asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+        @gitify-app
       </div>
     </div>
   </div>,
@@ -473,7 +473,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
           maxwidth="280"
           title="@gitify-app"
         >
-          asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+          @gitify-app
         </div>
       </div>
     </div>
@@ -504,7 +504,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
         maxwidth="280"
         title="@gitify-app"
       >
-        asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+        @gitify-app
       </div>
     </div>
   </div>,
diff --git a/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap
index 7cae8f7d3..6489dfd59 100644
--- a/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap
+++ b/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap
@@ -60,7 +60,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                     maxwidth="280"
                     title="@octocat"
                   >
-                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    @octocat
                   </div>
                 </div>
               </span>
@@ -299,7 +299,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                   maxwidth="280"
                   title="@octocat"
                 >
-                  asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  @octocat
                 </div>
               </div>
             </span>
@@ -595,7 +595,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                     maxwidth="280"
                     title="@octocat"
                   >
-                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    @octocat
                   </div>
                 </div>
               </span>
@@ -817,7 +817,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                       maxwidth="280"
                       title="gitify-app/notifications-test"
                     >
-                      asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                      gitify-app/notifications-test
                     </div>
                   </div>
                 </div>
@@ -1176,7 +1176,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                       maxwidth="280"
                       title="gitify-app/notifications-test"
                     >
-                      asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                      gitify-app/notifications-test
                     </div>
                   </div>
                 </div>
@@ -1428,7 +1428,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                   maxwidth="280"
                   title="@octocat"
                 >
-                  asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  @octocat
                 </div>
               </div>
             </span>
@@ -1650,7 +1650,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                     maxwidth="280"
                     title="gitify-app/notifications-test"
                   >
-                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    gitify-app/notifications-test
                   </div>
                 </div>
               </div>
@@ -2009,7 +2009,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                     maxwidth="280"
                     title="gitify-app/notifications-test"
                   >
-                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    gitify-app/notifications-test
                   </div>
                 </div>
               </div>
@@ -2318,7 +2318,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                     maxwidth="280"
                     title="@octocat"
                   >
-                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    @octocat
                   </div>
                 </div>
               </span>
@@ -2511,7 +2511,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                   maxwidth="280"
                   title="@octocat"
                 >
-                  asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  @octocat
                 </div>
               </div>
             </span>
@@ -2761,7 +2761,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                     maxwidth="280"
                     title="@octocat"
                   >
-                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    @octocat
                   </div>
                 </div>
               </span>
@@ -2995,7 +2995,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                   maxwidth="280"
                   title="@octocat"
                 >
-                  asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  @octocat
                 </div>
               </div>
             </span>
@@ -3286,7 +3286,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
                     maxwidth="280"
                     title="@octocat"
                   >
-                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    @octocat
                   </div>
                 </div>
               </span>
@@ -3475,7 +3475,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
                     maxwidth="280"
                     title="@octocat"
                   >
-                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    @octocat
                   </div>
                 </div>
               </span>
@@ -3668,7 +3668,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
                   maxwidth="280"
                   title="@octocat"
                 >
-                  asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  @octocat
                 </div>
               </div>
             </span>
diff --git a/src/renderer/components/notifications/__snapshots__/NotificationHeader.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/NotificationHeader.test.tsx.snap
index 816f6e10d..1d2d09ffb 100644
--- a/src/renderer/components/notifications/__snapshots__/NotificationHeader.test.tsx.snap
+++ b/src/renderer/components/notifications/__snapshots__/NotificationHeader.test.tsx.snap
@@ -47,7 +47,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
                 maxwidth="280"
                 title="gitify-app/notifications-test"
               >
-                asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                gitify-app/notifications-test
               </div>
             </div>
           </div>
@@ -101,7 +101,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
               maxwidth="280"
               title="gitify-app/notifications-test"
             >
-              asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+              gitify-app/notifications-test
             </div>
           </div>
         </div>
@@ -212,7 +212,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
                 maxwidth="280"
                 title="gitify-app/notifications-test"
               >
-                asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                gitify-app/notifications-test
               </div>
             </div>
           </div>
@@ -266,7 +266,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
               maxwidth="280"
               title="gitify-app/notifications-test"
             >
-              asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+              gitify-app/notifications-test
             </div>
           </div>
         </div>
@@ -377,7 +377,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
                 maxwidth="280"
                 title="gitify-app/notifications-test"
               >
-                asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                gitify-app/notifications-test
               </div>
             </div>
           </div>
@@ -431,7 +431,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
               maxwidth="280"
               title="gitify-app/notifications-test"
             >
-              asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+              gitify-app/notifications-test
             </div>
           </div>
         </div>
diff --git a/src/renderer/components/notifications/__snapshots__/NotificationRow.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/NotificationRow.test.tsx.snap
index bc089f87c..7e814826c 100644
--- a/src/renderer/components/notifications/__snapshots__/NotificationRow.test.tsx.snap
+++ b/src/renderer/components/notifications/__snapshots__/NotificationRow.test.tsx.snap
@@ -95,7 +95,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                       maxwidth="280"
                       title="gitify-app/notifications-test"
                     >
-                      asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                      gitify-app/notifications-test
                     </div>
                   </div>
                 </div>
@@ -457,7 +457,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                     maxwidth="280"
                     title="gitify-app/notifications-test"
                   >
-                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    gitify-app/notifications-test
                   </div>
                 </div>
               </div>
diff --git a/src/renderer/components/notifications/__snapshots__/RepositoryNotifications.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/RepositoryNotifications.test.tsx.snap
index 1d13512fe..1f2ab87db 100644
--- a/src/renderer/components/notifications/__snapshots__/RepositoryNotifications.test.tsx.snap
+++ b/src/renderer/components/notifications/__snapshots__/RepositoryNotifications.test.tsx.snap
@@ -60,7 +60,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
                     maxwidth="280"
                     title="gitify-app/notifications-test"
                   >
-                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    gitify-app/notifications-test
                   </div>
                 </div>
               </span>
@@ -253,7 +253,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
                   maxwidth="280"
                   title="gitify-app/notifications-test"
                 >
-                  asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  gitify-app/notifications-test
                 </div>
               </div>
             </span>
@@ -509,7 +509,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
                     maxwidth="280"
                     title="gitify-app/notifications-test"
                   >
-                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    gitify-app/notifications-test
                   </div>
                 </div>
               </span>
@@ -701,7 +701,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
                     maxwidth="280"
                     title="gitify-app/notifications-test"
                   >
-                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    gitify-app/notifications-test
                   </div>
                 </div>
               </span>
@@ -900,7 +900,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
                   maxwidth="280"
                   title="gitify-app/notifications-test"
                 >
-                  asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  gitify-app/notifications-test
                 </div>
               </div>
             </span>
@@ -1156,7 +1156,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
                     maxwidth="280"
                     title="gitify-app/notifications-test"
                   >
-                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    gitify-app/notifications-test
                   </div>
                 </div>
               </span>
@@ -1355,7 +1355,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
                   maxwidth="280"
                   title="gitify-app/notifications-test"
                 >
-                  asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                  gitify-app/notifications-test
                 </div>
               </div>
             </span>
diff --git a/src/renderer/routes/Accounts.tsx b/src/renderer/routes/Accounts.tsx
index a6077378d..125f362d1 100644
--- a/src/renderer/routes/Accounts.tsx
+++ b/src/renderer/routes/Accounts.tsx
@@ -121,10 +121,10 @@ export const AccountsRoute: FC = () => {
           return (
             <Box
               key={accountUUID}
-              className="rounded-md p-2 mb-4 bg-gitify-accounts"
+              className="rounded-md p-2 bg-gitify-accounts"
             >
-              <Stack direction="horizontal">
-                <Stack direction="vertical">
+              <Stack direction="vertical" align="stretch">
+                <Stack direction="horizontal" align="start">
                   <Button
                     title="Open account profile"
                     onClick={() => openAccountProfile(account)}
@@ -137,101 +137,101 @@ export const AccountsRoute: FC = () => {
                       size={Size.XLARGE}
                     />
                   </Button>
+                </Stack>
 
-                  <Stack
-                    direction="horizontal"
-                    justify="space-between"
-                    align="center"
-                  >
-                    <Box className="pl-4 pb-2 text-xs">
-                      <Stack direction="vertical" gap="condensed">
-                        <Box hidden={!account.user.name}>
-                          <Stack
-                            direction="horizontal"
-                            gap="condensed"
-                            align="center"
-                          >
-                            <PersonIcon />
-                            <Text>{account.user?.name}</Text>
-                          </Stack>
-                        </Box>
-
-                        <Box
-                          title="Open host"
-                          onClick={() => openHost(account.hostname)}
-                          className="cursor-pointer"
-                          data-testid="account-host"
+                <Stack
+                  direction="horizontal"
+                  justify="space-between"
+                  align="start"
+                >
+                  <Box className="pl-4 pb-2 text-xs">
+                    <Stack direction="vertical" gap="condensed">
+                      <Box hidden={!account.user.name}>
+                        <Stack
+                          direction="horizontal"
+                          gap="condensed"
+                          align="center"
                         >
-                          <Stack
-                            direction="horizontal"
-                            gap="condensed"
-                            align="center"
-                          >
-                            <PlatformIcon />
-                            <Text>{account.hostname}</Text>
-                          </Stack>
-                        </Box>
+                          <PersonIcon />
+                          <Text>{account.user?.name}</Text>
+                        </Stack>
+                      </Box>
 
-                        <Box
-                          title="Open developer settings"
-                          onClick={() => openDeveloperSettings(account)}
-                          className="cursor-pointer"
-                          data-testid="account-developer-settings"
+                      <Box
+                        title="Open host"
+                        onClick={() => openHost(account.hostname)}
+                        className="cursor-pointer"
+                        data-testid="account-host"
+                      >
+                        <Stack
+                          direction="horizontal"
+                          gap="condensed"
+                          align="center"
                         >
-                          <Stack
-                            direction="horizontal"
-                            gap="condensed"
-                            align="center"
-                          >
-                            <AuthMethodIcon />
-                            <Text>{account.method}</Text>
-                          </Stack>
-                        </Box>
-                      </Stack>
-                    </Box>
+                          <PlatformIcon />
+                          <Text>{account.hostname}</Text>
+                        </Stack>
+                      </Box>
 
-                    <Stack direction="horizontal" gap="condensed">
-                      <IconButton
-                        icon={AlertFillIcon}
-                        aria-label={`This account is missing one or more required scopes: [${formatRequiredScopes()}]`}
-                        variant="danger"
+                      <Box
+                        title="Open developer settings"
                         onClick={() => openDeveloperSettings(account)}
-                        size="small"
-                        data-testid="account-missing-scopes"
-                        className={
-                          account.hasRequiredScopes ? 'invisible' : 'visible'
-                        }
-                      />
+                        className="cursor-pointer"
+                        data-testid="account-developer-settings"
+                      >
+                        <Stack
+                          direction="horizontal"
+                          gap="condensed"
+                          align="center"
+                        >
+                          <AuthMethodIcon />
+                          <Text>{account.method}</Text>
+                        </Stack>
+                      </Box>
+                    </Stack>
+                  </Box>
 
-                      <IconButton
-                        icon={i === 0 ? StarFillIcon : StarIcon}
-                        aria-label={
-                          i === 0 ? 'Primary account' : 'Set as primary account'
-                        }
-                        variant={i === 0 ? 'primary' : 'default'}
-                        onClick={() => setAsPrimaryAccount(account)}
-                        size="small"
-                        data-testid="account-set-primary"
-                      />
+                  <Stack direction="horizontal" gap="condensed">
+                    <IconButton
+                      icon={AlertFillIcon}
+                      aria-label={`This account is missing one or more required scopes: [${formatRequiredScopes()}]`}
+                      variant="danger"
+                      onClick={() => openDeveloperSettings(account)}
+                      size="small"
+                      data-testid="account-missing-scopes"
+                      className={
+                        account.hasRequiredScopes ? 'invisible' : 'visible'
+                      }
+                    />
 
-                      <IconButton
-                        icon={SyncIcon}
-                        aria-label={`Refresh ${account.user.login}`}
-                        onClick={() => handleRefresh(account)}
-                        size="small"
-                        loading={loadingStates[accountUUID] || false}
-                        data-testid="account-refresh"
-                      />
+                    <IconButton
+                      icon={i === 0 ? StarFillIcon : StarIcon}
+                      aria-label={
+                        i === 0 ? 'Primary account' : 'Set as primary account'
+                      }
+                      variant={i === 0 ? 'primary' : 'default'}
+                      onClick={() => setAsPrimaryAccount(account)}
+                      size="small"
+                      data-testid="account-set-primary"
+                    />
 
-                      <IconButton
-                        icon={SignOutIcon}
-                        aria-label={`Logout ${account.user.login}`}
-                        variant="danger"
-                        onClick={() => logoutAccount(account)}
-                        size="small"
-                        data-testid="account-logout"
-                      />
-                    </Stack>
+                    <IconButton
+                      icon={SyncIcon}
+                      aria-label={`Refresh ${account.user.login}`}
+                      onClick={() => handleRefresh(account)}
+                      size="small"
+                      loading={loadingStates[accountUUID] || false}
+                      data-testid="account-refresh"
+                    />
+
+                    <IconButton
+                      icon={SignOutIcon}
+                      aria-label={`Logout ${account.user.login}`}
+                      variant="danger"
+                      onClick={() => logoutAccount(account)}
+                      size="small"
+                      data-testid="account-logout"
+                    />
                   </Stack>
                 </Stack>
               </Stack>
diff --git a/src/renderer/routes/__snapshots__/Accounts.test.tsx.snap b/src/renderer/routes/__snapshots__/Accounts.test.tsx.snap
index 0547ecc7f..50db57dfc 100644
--- a/src/renderer/routes/__snapshots__/Accounts.test.tsx.snap
+++ b/src/renderer/routes/__snapshots__/Accounts.test.tsx.snap
@@ -89,20 +89,20 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
     class="Box-sc-g0xbh4-0 grow overflow-x-auto px-8 pb-2 mb-12 "
   >
     <div
-      class="Box-sc-g0xbh4-0 rounded-md p-2 mb-4 bg-gitify-accounts"
+      class="Box-sc-g0xbh4-0 rounded-md p-2 bg-gitify-accounts"
     >
       <div
         class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
         data-align="stretch"
-        data-direction="horizontal"
+        data-direction="vertical"
         data-justify="start"
         data-padding="none"
         data-wrap="nowrap"
       >
         <div
           class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="stretch"
-          data-direction="vertical"
+          data-align="start"
+          data-direction="horizontal"
           data-justify="start"
           data-padding="none"
           data-wrap="nowrap"
@@ -150,248 +150,122 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     maxwidth="280"
                     title="@octocat"
                   >
-                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    @octocat
                   </div>
                 </div>
               </span>
             </span>
           </button>
+        </div>
+        <div
+          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          data-align="start"
+          data-direction="horizontal"
+          data-justify="space-between"
+          data-padding="none"
+          data-wrap="nowrap"
+        >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-            data-align="center"
-            data-direction="horizontal"
-            data-justify="space-between"
-            data-padding="none"
-            data-wrap="nowrap"
+            class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
           >
             <div
-              class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
+              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              data-align="stretch"
+              data-direction="vertical"
+              data-gap="condensed"
+              data-justify="start"
+              data-padding="none"
+              data-wrap="nowrap"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                data-align="stretch"
-                data-direction="vertical"
-                data-gap="condensed"
-                data-justify="start"
-                data-padding="none"
-                data-wrap="nowrap"
+                class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Box-sc-g0xbh4-0"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
+                  <svg
+                    aria-hidden="true"
+                    class="octicon octicon-person"
+                    display="inline-block"
+                    fill="currentColor"
+                    focusable="false"
+                    height="16"
+                    overflow="visible"
+                    style="vertical-align: text-bottom;"
+                    viewBox="0 0 16 16"
+                    width="16"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-person"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      Mona Lisa Octocat
-                    </span>
-                  </div>
-                </div>
-                <div
-                  class="Box-sc-g0xbh4-0 cursor-pointer"
-                  data-testid="account-host"
-                  title="Open host"
-                >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
+                    <path
+                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                    />
+                  </svg>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-mark-github"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      github.com
-                    </span>
-                  </div>
+                    Mona Lisa Octocat
+                  </span>
                 </div>
+              </div>
+              <div
+                class="Box-sc-g0xbh4-0 cursor-pointer"
+                data-testid="account-host"
+                title="Open host"
+              >
                 <div
-                  class="Box-sc-g0xbh4-0 cursor-pointer"
-                  data-testid="account-developer-settings"
-                  title="Open developer settings"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
+                  <svg
+                    aria-hidden="true"
+                    class="octicon octicon-mark-github"
+                    display="inline-block"
+                    fill="currentColor"
+                    focusable="false"
+                    height="16"
+                    overflow="visible"
+                    style="vertical-align: text-bottom;"
+                    viewBox="0 0 16 16"
+                    width="16"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-key"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M10.5 0a5.499 5.499 0 1 1-1.288 10.848l-.932.932a.749.749 0 0 1-.53.22H7v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22H5v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22h-2A1.75 1.75 0 0 1 0 14.25v-2c0-.199.079-.389.22-.53l4.932-4.932A5.5 5.5 0 0 1 10.5 0Zm-4 5.5c-.001.431.069.86.205 1.269a.75.75 0 0 1-.181.768L1.5 12.56v1.69c0 .138.112.25.25.25h1.69l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l1.023-1.025a.75.75 0 0 1 .768-.18A4 4 0 1 0 6.5 5.5ZM11 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      Personal Access Token
-                    </span>
-                  </div>
+                    <path
+                      d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
+                    />
+                  </svg>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  >
+                    github.com
+                  </span>
                 </div>
               </div>
-            </div>
-            <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-              data-align="stretch"
-              data-direction="horizontal"
-              data-gap="condensed"
-              data-justify="start"
-              data-padding="none"
-              data-wrap="nowrap"
-            >
-              <button
-                aria-describedby=":r2v:-loading-announcement"
-                aria-labelledby=":r2u:"
-                class="types__StyledButton-sc-ws60qy-0 cYZGEC visible"
-                data-component="IconButton"
-                data-loading="false"
-                data-no-visuals="true"
-                data-size="small"
-                data-testid="account-missing-scopes"
-                sx="[object Object]"
-                type="button"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="octicon octicon-alert-fill"
-                  display="inline-block"
-                  fill="currentColor"
-                  focusable="false"
-                  height="16"
-                  overflow="visible"
-                  style="vertical-align: text-bottom;"
-                  viewBox="0 0 16 16"
-                  width="16"
-                >
-                  <path
-                    d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                  />
-                </svg>
-              </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r2u:"
-                popover="auto"
-              >
-                This account is missing one or more required scopes: [read:user, notifications, repo]
-              </span>
-              <button
-                aria-describedby=":r31:-loading-announcement"
-                aria-labelledby=":r30:"
-                class="types__StyledButton-sc-ws60qy-0 gEWhIh"
-                data-component="IconButton"
-                data-loading="false"
-                data-no-visuals="true"
-                data-size="small"
-                data-testid="account-set-primary"
-                sx="[object Object]"
-                type="button"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="octicon octicon-star-fill"
-                  display="inline-block"
-                  fill="currentColor"
-                  focusable="false"
-                  height="16"
-                  overflow="visible"
-                  style="vertical-align: text-bottom;"
-                  viewBox="0 0 16 16"
-                  width="16"
-                >
-                  <path
-                    d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Z"
-                  />
-                </svg>
-              </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r30:"
-                popover="auto"
-              >
-                Primary account
-              </span>
               <div
-                class="Box-sc-g0xbh4-0 hMgwpS"
-                data-loading-wrapper="true"
-                sx="[object Object]"
+                class="Box-sc-g0xbh4-0 cursor-pointer"
+                data-testid="account-developer-settings"
+                title="Open developer settings"
               >
-                <button
-                  aria-describedby=":r33:-loading-announcement"
-                  aria-labelledby=":r32:"
-                  class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-                  data-component="IconButton"
-                  data-loading="false"
-                  data-no-visuals="true"
-                  data-size="small"
-                  data-testid="account-refresh"
-                  sx="[object Object]"
-                  type="button"
+                <div
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
                   <svg
                     aria-hidden="true"
-                    class="octicon octicon-sync"
+                    class="octicon octicon-key"
                     display="inline-block"
                     fill="currentColor"
                     focusable="false"
@@ -402,35 +276,123 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     width="16"
                   >
                     <path
-                      d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
+                      d="M10.5 0a5.499 5.499 0 1 1-1.288 10.848l-.932.932a.749.749 0 0 1-.53.22H7v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22H5v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22h-2A1.75 1.75 0 0 1 0 14.25v-2c0-.199.079-.389.22-.53l4.932-4.932A5.5 5.5 0 0 1 10.5 0Zm-4 5.5c-.001.431.069.86.205 1.269a.75.75 0 0 1-.181.768L1.5 12.56v1.69c0 .138.112.25.25.25h1.69l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l1.023-1.025a.75.75 0 0 1 .768-.18A4 4 0 1 0 6.5 5.5ZM11 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"
                     />
                   </svg>
-                </button>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  >
+                    Personal Access Token
+                  </span>
+                </div>
               </div>
-              <span
+            </div>
+          </div>
+          <div
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            data-align="stretch"
+            data-direction="horizontal"
+            data-gap="condensed"
+            data-justify="start"
+            data-padding="none"
+            data-wrap="nowrap"
+          >
+            <button
+              aria-describedby=":r2v:-loading-announcement"
+              aria-labelledby=":r2u:"
+              class="types__StyledButton-sc-ws60qy-0 cYZGEC visible"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-missing-scopes"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
                 aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r32:"
-                popover="auto"
-              >
-                Refresh octocat
-              </span>
+                class="octicon octicon-alert-fill"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r2u:"
+              popover="auto"
+            >
+              This account is missing one or more required scopes: [read:user, notifications, repo]
+            </span>
+            <button
+              aria-describedby=":r31:-loading-announcement"
+              aria-labelledby=":r30:"
+              class="types__StyledButton-sc-ws60qy-0 gEWhIh"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-set-primary"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="octicon octicon-star-fill"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r30:"
+              popover="auto"
+            >
+              Primary account
+            </span>
+            <div
+              class="Box-sc-g0xbh4-0 hMgwpS"
+              data-loading-wrapper="true"
+              sx="[object Object]"
+            >
               <button
-                aria-describedby=":r35:-loading-announcement"
-                aria-labelledby=":r34:"
-                class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+                aria-describedby=":r33:-loading-announcement"
+                aria-labelledby=":r32:"
+                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
                 data-size="small"
-                data-testid="account-logout"
+                data-testid="account-refresh"
                 sx="[object Object]"
                 type="button"
               >
                 <svg
                   aria-hidden="true"
-                  class="octicon octicon-sign-out"
+                  class="octicon octicon-sync"
                   display="inline-block"
                   fill="currentColor"
                   focusable="false"
@@ -441,39 +403,77 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                   width="16"
                 >
                   <path
-                    d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                    d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
                   />
                 </svg>
               </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r34:"
-                popover="auto"
-              >
-                Logout octocat
-              </span>
             </div>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r32:"
+              popover="auto"
+            >
+              Refresh octocat
+            </span>
+            <button
+              aria-describedby=":r35:-loading-announcement"
+              aria-labelledby=":r34:"
+              class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-logout"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="octicon octicon-sign-out"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r34:"
+              popover="auto"
+            >
+              Logout octocat
+            </span>
           </div>
         </div>
       </div>
     </div>
     <div
-      class="Box-sc-g0xbh4-0 rounded-md p-2 mb-4 bg-gitify-accounts"
+      class="Box-sc-g0xbh4-0 rounded-md p-2 bg-gitify-accounts"
     >
       <div
         class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
         data-align="stretch"
-        data-direction="horizontal"
+        data-direction="vertical"
         data-justify="start"
         data-padding="none"
         data-wrap="nowrap"
       >
         <div
           class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="stretch"
-          data-direction="vertical"
+          data-align="start"
+          data-direction="horizontal"
           data-justify="start"
           data-padding="none"
           data-wrap="nowrap"
@@ -521,248 +521,122 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     maxwidth="280"
                     title="@octocat"
                   >
-                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    @octocat
                   </div>
                 </div>
               </span>
             </span>
           </button>
+        </div>
+        <div
+          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          data-align="start"
+          data-direction="horizontal"
+          data-justify="space-between"
+          data-padding="none"
+          data-wrap="nowrap"
+        >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-            data-align="center"
-            data-direction="horizontal"
-            data-justify="space-between"
-            data-padding="none"
-            data-wrap="nowrap"
+            class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
           >
             <div
-              class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
+              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              data-align="stretch"
+              data-direction="vertical"
+              data-gap="condensed"
+              data-justify="start"
+              data-padding="none"
+              data-wrap="nowrap"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                data-align="stretch"
-                data-direction="vertical"
-                data-gap="condensed"
-                data-justify="start"
-                data-padding="none"
-                data-wrap="nowrap"
+                class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Box-sc-g0xbh4-0"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
+                  <svg
+                    aria-hidden="true"
+                    class="octicon octicon-person"
+                    display="inline-block"
+                    fill="currentColor"
+                    focusable="false"
+                    height="16"
+                    overflow="visible"
+                    style="vertical-align: text-bottom;"
+                    viewBox="0 0 16 16"
+                    width="16"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-person"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      Mona Lisa Octocat
-                    </span>
-                  </div>
-                </div>
-                <div
-                  class="Box-sc-g0xbh4-0 cursor-pointer"
-                  data-testid="account-host"
-                  title="Open host"
-                >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
+                    <path
+                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                    />
+                  </svg>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-server"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v4c0 .372-.116.717-.314 1 .198.283.314.628.314 1v4a1.75 1.75 0 0 1-1.75 1.75H1.75A1.75 1.75 0 0 1 0 12.75v-4c0-.358.109-.707.314-1a1.739 1.739 0 0 1-.314-1v-4C0 1.784.784 1 1.75 1ZM1.5 2.75v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Zm.25 5.75a.25.25 0 0 0-.25.25v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25ZM7 4.75A.75.75 0 0 1 7.75 4h4.5a.75.75 0 0 1 0 1.5h-4.5A.75.75 0 0 1 7 4.75ZM7.75 10h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM3 4.75A.75.75 0 0 1 3.75 4h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 3 4.75ZM3.75 10h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      github.gitify.io
-                    </span>
-                  </div>
+                    Mona Lisa Octocat
+                  </span>
                 </div>
+              </div>
+              <div
+                class="Box-sc-g0xbh4-0 cursor-pointer"
+                data-testid="account-host"
+                title="Open host"
+              >
                 <div
-                  class="Box-sc-g0xbh4-0 cursor-pointer"
-                  data-testid="account-developer-settings"
-                  title="Open developer settings"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
+                  <svg
+                    aria-hidden="true"
+                    class="octicon octicon-server"
+                    display="inline-block"
+                    fill="currentColor"
+                    focusable="false"
+                    height="16"
+                    overflow="visible"
+                    style="vertical-align: text-bottom;"
+                    viewBox="0 0 16 16"
+                    width="16"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-person"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      OAuth App
-                    </span>
-                  </div>
+                    <path
+                      d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v4c0 .372-.116.717-.314 1 .198.283.314.628.314 1v4a1.75 1.75 0 0 1-1.75 1.75H1.75A1.75 1.75 0 0 1 0 12.75v-4c0-.358.109-.707.314-1a1.739 1.739 0 0 1-.314-1v-4C0 1.784.784 1 1.75 1ZM1.5 2.75v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Zm.25 5.75a.25.25 0 0 0-.25.25v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25ZM7 4.75A.75.75 0 0 1 7.75 4h4.5a.75.75 0 0 1 0 1.5h-4.5A.75.75 0 0 1 7 4.75ZM7.75 10h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM3 4.75A.75.75 0 0 1 3.75 4h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 3 4.75ZM3.75 10h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5Z"
+                    />
+                  </svg>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  >
+                    github.gitify.io
+                  </span>
                 </div>
               </div>
-            </div>
-            <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-              data-align="stretch"
-              data-direction="horizontal"
-              data-gap="condensed"
-              data-justify="start"
-              data-padding="none"
-              data-wrap="nowrap"
-            >
-              <button
-                aria-describedby=":r38:-loading-announcement"
-                aria-labelledby=":r37:"
-                class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
-                data-component="IconButton"
-                data-loading="false"
-                data-no-visuals="true"
-                data-size="small"
-                data-testid="account-missing-scopes"
-                sx="[object Object]"
-                type="button"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="octicon octicon-alert-fill"
-                  display="inline-block"
-                  fill="currentColor"
-                  focusable="false"
-                  height="16"
-                  overflow="visible"
-                  style="vertical-align: text-bottom;"
-                  viewBox="0 0 16 16"
-                  width="16"
-                >
-                  <path
-                    d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                  />
-                </svg>
-              </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r37:"
-                popover="auto"
-              >
-                This account is missing one or more required scopes: [read:user, notifications, repo]
-              </span>
-              <button
-                aria-describedby=":r3a:-loading-announcement"
-                aria-labelledby=":r39:"
-                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-                data-component="IconButton"
-                data-loading="false"
-                data-no-visuals="true"
-                data-size="small"
-                data-testid="account-set-primary"
-                sx="[object Object]"
-                type="button"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="octicon octicon-star"
-                  display="inline-block"
-                  fill="currentColor"
-                  focusable="false"
-                  height="16"
-                  overflow="visible"
-                  style="vertical-align: text-bottom;"
-                  viewBox="0 0 16 16"
-                  width="16"
-                >
-                  <path
-                    d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
-                  />
-                </svg>
-              </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r39:"
-                popover="auto"
-              >
-                Set as primary account
-              </span>
               <div
-                class="Box-sc-g0xbh4-0 hMgwpS"
-                data-loading-wrapper="true"
-                sx="[object Object]"
+                class="Box-sc-g0xbh4-0 cursor-pointer"
+                data-testid="account-developer-settings"
+                title="Open developer settings"
               >
-                <button
-                  aria-describedby=":r3c:-loading-announcement"
-                  aria-labelledby=":r3b:"
-                  class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-                  data-component="IconButton"
-                  data-loading="false"
-                  data-no-visuals="true"
-                  data-size="small"
-                  data-testid="account-refresh"
-                  sx="[object Object]"
-                  type="button"
+                <div
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
                   <svg
                     aria-hidden="true"
-                    class="octicon octicon-sync"
+                    class="octicon octicon-person"
                     display="inline-block"
                     fill="currentColor"
                     focusable="false"
@@ -773,35 +647,123 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     width="16"
                   >
                     <path
-                      d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
+                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
                     />
                   </svg>
-                </button>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  >
+                    OAuth App
+                  </span>
+                </div>
               </div>
-              <span
+            </div>
+          </div>
+          <div
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            data-align="stretch"
+            data-direction="horizontal"
+            data-gap="condensed"
+            data-justify="start"
+            data-padding="none"
+            data-wrap="nowrap"
+          >
+            <button
+              aria-describedby=":r38:-loading-announcement"
+              aria-labelledby=":r37:"
+              class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-missing-scopes"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
                 aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r3b:"
-                popover="auto"
-              >
-                Refresh octocat
-              </span>
+                class="octicon octicon-alert-fill"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r37:"
+              popover="auto"
+            >
+              This account is missing one or more required scopes: [read:user, notifications, repo]
+            </span>
+            <button
+              aria-describedby=":r3a:-loading-announcement"
+              aria-labelledby=":r39:"
+              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-set-primary"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="octicon octicon-star"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r39:"
+              popover="auto"
+            >
+              Set as primary account
+            </span>
+            <div
+              class="Box-sc-g0xbh4-0 hMgwpS"
+              data-loading-wrapper="true"
+              sx="[object Object]"
+            >
               <button
-                aria-describedby=":r3e:-loading-announcement"
-                aria-labelledby=":r3d:"
-                class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+                aria-describedby=":r3c:-loading-announcement"
+                aria-labelledby=":r3b:"
+                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
                 data-size="small"
-                data-testid="account-logout"
+                data-testid="account-refresh"
                 sx="[object Object]"
                 type="button"
               >
                 <svg
                   aria-hidden="true"
-                  class="octicon octicon-sign-out"
+                  class="octicon octicon-sync"
                   display="inline-block"
                   fill="currentColor"
                   focusable="false"
@@ -812,39 +774,77 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                   width="16"
                 >
                   <path
-                    d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                    d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
                   />
                 </svg>
               </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r3d:"
-                popover="auto"
-              >
-                Logout octocat
-              </span>
             </div>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r3b:"
+              popover="auto"
+            >
+              Refresh octocat
+            </span>
+            <button
+              aria-describedby=":r3e:-loading-announcement"
+              aria-labelledby=":r3d:"
+              class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-logout"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="octicon octicon-sign-out"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r3d:"
+              popover="auto"
+            >
+              Logout octocat
+            </span>
           </div>
         </div>
       </div>
     </div>
     <div
-      class="Box-sc-g0xbh4-0 rounded-md p-2 mb-4 bg-gitify-accounts"
+      class="Box-sc-g0xbh4-0 rounded-md p-2 bg-gitify-accounts"
     >
       <div
         class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
         data-align="stretch"
-        data-direction="horizontal"
+        data-direction="vertical"
         data-justify="start"
         data-padding="none"
         data-wrap="nowrap"
       >
         <div
           class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="stretch"
-          data-direction="vertical"
+          data-align="start"
+          data-direction="horizontal"
           data-justify="start"
           data-padding="none"
           data-wrap="nowrap"
@@ -892,167 +892,249 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                     maxwidth="280"
                     title="@octocat"
                   >
-                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    @octocat
                   </div>
                 </div>
               </span>
             </span>
           </button>
+        </div>
+        <div
+          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          data-align="start"
+          data-direction="horizontal"
+          data-justify="space-between"
+          data-padding="none"
+          data-wrap="nowrap"
+        >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-            data-align="center"
-            data-direction="horizontal"
-            data-justify="space-between"
-            data-padding="none"
-            data-wrap="nowrap"
+            class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
           >
             <div
-              class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
+              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              data-align="stretch"
+              data-direction="vertical"
+              data-gap="condensed"
+              data-justify="start"
+              data-padding="none"
+              data-wrap="nowrap"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                data-align="stretch"
-                data-direction="vertical"
-                data-gap="condensed"
-                data-justify="start"
-                data-padding="none"
-                data-wrap="nowrap"
+                class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Box-sc-g0xbh4-0"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
+                  <svg
+                    aria-hidden="true"
+                    class="octicon octicon-person"
+                    display="inline-block"
+                    fill="currentColor"
+                    focusable="false"
+                    height="16"
+                    overflow="visible"
+                    style="vertical-align: text-bottom;"
+                    viewBox="0 0 16 16"
+                    width="16"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-person"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      Mona Lisa Octocat
-                    </span>
-                  </div>
+                    <path
+                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                    />
+                  </svg>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  >
+                    Mona Lisa Octocat
+                  </span>
                 </div>
+              </div>
+              <div
+                class="Box-sc-g0xbh4-0 cursor-pointer"
+                data-testid="account-host"
+                title="Open host"
+              >
                 <div
-                  class="Box-sc-g0xbh4-0 cursor-pointer"
-                  data-testid="account-host"
-                  title="Open host"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
+                  <svg
+                    aria-hidden="true"
+                    class="octicon octicon-mark-github"
+                    display="inline-block"
+                    fill="currentColor"
+                    focusable="false"
+                    height="16"
+                    overflow="visible"
+                    style="vertical-align: text-bottom;"
+                    viewBox="0 0 16 16"
+                    width="16"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-mark-github"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      github.com
-                    </span>
-                  </div>
+                    <path
+                      d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
+                    />
+                  </svg>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  >
+                    github.com
+                  </span>
                 </div>
+              </div>
+              <div
+                class="Box-sc-g0xbh4-0 cursor-pointer"
+                data-testid="account-developer-settings"
+                title="Open developer settings"
+              >
                 <div
-                  class="Box-sc-g0xbh4-0 cursor-pointer"
-                  data-testid="account-developer-settings"
-                  title="Open developer settings"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
+                  <svg
+                    aria-hidden="true"
+                    class="octicon octicon-apps"
+                    display="inline-block"
+                    fill="currentColor"
+                    focusable="false"
+                    height="16"
+                    overflow="visible"
+                    style="vertical-align: text-bottom;"
+                    viewBox="0 0 16 16"
+                    width="16"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-apps"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M1.5 3.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5A1.75 1.75 0 0 1 5.75 7.5h-2.5A1.75 1.75 0 0 1 1.5 5.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5A1.75 1.75 0 0 1 8.5 5.75Zm-7 7c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75ZM3.25 3a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5A.25.25 0 0 0 6 5.75v-2.5A.25.25 0 0 0 5.75 3Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm-7 7a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      GitHub App
-                    </span>
-                  </div>
+                    <path
+                      d="M1.5 3.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5A1.75 1.75 0 0 1 5.75 7.5h-2.5A1.75 1.75 0 0 1 1.5 5.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5A1.75 1.75 0 0 1 8.5 5.75Zm-7 7c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75ZM3.25 3a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5A.25.25 0 0 0 6 5.75v-2.5A.25.25 0 0 0 5.75 3Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm-7 7a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Z"
+                    />
+                  </svg>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  >
+                    GitHub App
+                  </span>
                 </div>
               </div>
             </div>
+          </div>
+          <div
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            data-align="stretch"
+            data-direction="horizontal"
+            data-gap="condensed"
+            data-justify="start"
+            data-padding="none"
+            data-wrap="nowrap"
+          >
+            <button
+              aria-describedby=":r3h:-loading-announcement"
+              aria-labelledby=":r3g:"
+              class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-missing-scopes"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="octicon octicon-alert-fill"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r3g:"
+              popover="auto"
+            >
+              This account is missing one or more required scopes: [read:user, notifications, repo]
+            </span>
+            <button
+              aria-describedby=":r3j:-loading-announcement"
+              aria-labelledby=":r3i:"
+              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-set-primary"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="octicon octicon-star"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r3i:"
+              popover="auto"
+            >
+              Set as primary account
+            </span>
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-              data-align="stretch"
-              data-direction="horizontal"
-              data-gap="condensed"
-              data-justify="start"
-              data-padding="none"
-              data-wrap="nowrap"
+              class="Box-sc-g0xbh4-0 hMgwpS"
+              data-loading-wrapper="true"
+              sx="[object Object]"
             >
               <button
-                aria-describedby=":r3h:-loading-announcement"
-                aria-labelledby=":r3g:"
-                class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+                aria-describedby=":r3l:-loading-announcement"
+                aria-labelledby=":r3k:"
+                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
                 data-size="small"
-                data-testid="account-missing-scopes"
+                data-testid="account-refresh"
                 sx="[object Object]"
                 type="button"
               >
                 <svg
                   aria-hidden="true"
-                  class="octicon octicon-alert-fill"
+                  class="octicon octicon-sync"
                   display="inline-block"
                   fill="currentColor"
                   focusable="false"
@@ -1063,140 +1145,58 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                   width="16"
                 >
                   <path
-                    d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                    d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
                   />
                 </svg>
               </button>
-              <span
+            </div>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r3k:"
+              popover="auto"
+            >
+              Refresh octocat
+            </span>
+            <button
+              aria-describedby=":r3n:-loading-announcement"
+              aria-labelledby=":r3m:"
+              class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-logout"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
                 aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r3g:"
-                popover="auto"
-              >
-                This account is missing one or more required scopes: [read:user, notifications, repo]
-              </span>
-              <button
-                aria-describedby=":r3j:-loading-announcement"
-                aria-labelledby=":r3i:"
-                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-                data-component="IconButton"
-                data-loading="false"
-                data-no-visuals="true"
-                data-size="small"
-                data-testid="account-set-primary"
-                sx="[object Object]"
-                type="button"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="octicon octicon-star"
-                  display="inline-block"
-                  fill="currentColor"
-                  focusable="false"
-                  height="16"
-                  overflow="visible"
-                  style="vertical-align: text-bottom;"
-                  viewBox="0 0 16 16"
-                  width="16"
-                >
-                  <path
-                    d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
-                  />
-                </svg>
-              </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r3i:"
-                popover="auto"
-              >
-                Set as primary account
-              </span>
-              <div
-                class="Box-sc-g0xbh4-0 hMgwpS"
-                data-loading-wrapper="true"
-                sx="[object Object]"
-              >
-                <button
-                  aria-describedby=":r3l:-loading-announcement"
-                  aria-labelledby=":r3k:"
-                  class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-                  data-component="IconButton"
-                  data-loading="false"
-                  data-no-visuals="true"
-                  data-size="small"
-                  data-testid="account-refresh"
-                  sx="[object Object]"
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    class="octicon octicon-sync"
-                    display="inline-block"
-                    fill="currentColor"
-                    focusable="false"
-                    height="16"
-                    overflow="visible"
-                    style="vertical-align: text-bottom;"
-                    viewBox="0 0 16 16"
-                    width="16"
-                  >
-                    <path
-                      d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
-                    />
-                  </svg>
-                </button>
-              </div>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r3k:"
-                popover="auto"
-              >
-                Refresh octocat
-              </span>
-              <button
-                aria-describedby=":r3n:-loading-announcement"
-                aria-labelledby=":r3m:"
-                class="types__StyledButton-sc-ws60qy-0 cYZGEC"
-                data-component="IconButton"
-                data-loading="false"
-                data-no-visuals="true"
-                data-size="small"
-                data-testid="account-logout"
-                sx="[object Object]"
-                type="button"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="octicon octicon-sign-out"
-                  display="inline-block"
-                  fill="currentColor"
-                  focusable="false"
-                  height="16"
-                  overflow="visible"
-                  style="vertical-align: text-bottom;"
-                  viewBox="0 0 16 16"
-                  width="16"
-                >
-                  <path
-                    d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
-                  />
-                </svg>
-              </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r3m:"
-                popover="auto"
-              >
-                Logout octocat
-              </span>
-            </div>
+                class="octicon octicon-sign-out"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r3m:"
+              popover="auto"
+            >
+              Logout octocat
+            </span>
           </div>
         </div>
       </div>
@@ -1353,20 +1353,20 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
     class="Box-sc-g0xbh4-0 grow overflow-x-auto px-8 pb-2 mb-12 "
   >
     <div
-      class="Box-sc-g0xbh4-0 rounded-md p-2 mb-4 bg-gitify-accounts"
+      class="Box-sc-g0xbh4-0 rounded-md p-2 bg-gitify-accounts"
     >
       <div
         class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
         data-align="stretch"
-        data-direction="horizontal"
+        data-direction="vertical"
         data-justify="start"
         data-padding="none"
         data-wrap="nowrap"
       >
         <div
           class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="stretch"
-          data-direction="vertical"
+          data-align="start"
+          data-direction="horizontal"
           data-justify="start"
           data-padding="none"
           data-wrap="nowrap"
@@ -1414,248 +1414,122 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     maxwidth="280"
                     title="@octocat"
                   >
-                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    @octocat
                   </div>
                 </div>
               </span>
             </span>
           </button>
+        </div>
+        <div
+          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          data-align="start"
+          data-direction="horizontal"
+          data-justify="space-between"
+          data-padding="none"
+          data-wrap="nowrap"
+        >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-            data-align="center"
-            data-direction="horizontal"
-            data-justify="space-between"
-            data-padding="none"
-            data-wrap="nowrap"
+            class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
           >
             <div
-              class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
+              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              data-align="stretch"
+              data-direction="vertical"
+              data-gap="condensed"
+              data-justify="start"
+              data-padding="none"
+              data-wrap="nowrap"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                data-align="stretch"
-                data-direction="vertical"
-                data-gap="condensed"
-                data-justify="start"
-                data-padding="none"
-                data-wrap="nowrap"
+                class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Box-sc-g0xbh4-0"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
+                  <svg
+                    aria-hidden="true"
+                    class="octicon octicon-person"
+                    display="inline-block"
+                    fill="currentColor"
+                    focusable="false"
+                    height="16"
+                    overflow="visible"
+                    style="vertical-align: text-bottom;"
+                    viewBox="0 0 16 16"
+                    width="16"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-person"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      Mona Lisa Octocat
-                    </span>
-                  </div>
-                </div>
-                <div
-                  class="Box-sc-g0xbh4-0 cursor-pointer"
-                  data-testid="account-host"
-                  title="Open host"
-                >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
+                    <path
+                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                    />
+                  </svg>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-mark-github"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      github.com
-                    </span>
-                  </div>
+                    Mona Lisa Octocat
+                  </span>
                 </div>
+              </div>
+              <div
+                class="Box-sc-g0xbh4-0 cursor-pointer"
+                data-testid="account-host"
+                title="Open host"
+              >
                 <div
-                  class="Box-sc-g0xbh4-0 cursor-pointer"
-                  data-testid="account-developer-settings"
-                  title="Open developer settings"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
+                  <svg
+                    aria-hidden="true"
+                    class="octicon octicon-mark-github"
+                    display="inline-block"
+                    fill="currentColor"
+                    focusable="false"
+                    height="16"
+                    overflow="visible"
+                    style="vertical-align: text-bottom;"
+                    viewBox="0 0 16 16"
+                    width="16"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-key"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M10.5 0a5.499 5.499 0 1 1-1.288 10.848l-.932.932a.749.749 0 0 1-.53.22H7v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22H5v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22h-2A1.75 1.75 0 0 1 0 14.25v-2c0-.199.079-.389.22-.53l4.932-4.932A5.5 5.5 0 0 1 10.5 0Zm-4 5.5c-.001.431.069.86.205 1.269a.75.75 0 0 1-.181.768L1.5 12.56v1.69c0 .138.112.25.25.25h1.69l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l1.023-1.025a.75.75 0 0 1 .768-.18A4 4 0 1 0 6.5 5.5ZM11 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      Personal Access Token
-                    </span>
-                  </div>
+                    <path
+                      d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
+                    />
+                  </svg>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  >
+                    github.com
+                  </span>
                 </div>
               </div>
-            </div>
-            <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-              data-align="stretch"
-              data-direction="horizontal"
-              data-gap="condensed"
-              data-justify="start"
-              data-padding="none"
-              data-wrap="nowrap"
-            >
-              <button
-                aria-describedby=":r3u:-loading-announcement"
-                aria-labelledby=":r3t:"
-                class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
-                data-component="IconButton"
-                data-loading="false"
-                data-no-visuals="true"
-                data-size="small"
-                data-testid="account-missing-scopes"
-                sx="[object Object]"
-                type="button"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="octicon octicon-alert-fill"
-                  display="inline-block"
-                  fill="currentColor"
-                  focusable="false"
-                  height="16"
-                  overflow="visible"
-                  style="vertical-align: text-bottom;"
-                  viewBox="0 0 16 16"
-                  width="16"
-                >
-                  <path
-                    d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                  />
-                </svg>
-              </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r3t:"
-                popover="auto"
-              >
-                This account is missing one or more required scopes: [read:user, notifications, repo]
-              </span>
-              <button
-                aria-describedby=":r40:-loading-announcement"
-                aria-labelledby=":r3v:"
-                class="types__StyledButton-sc-ws60qy-0 gEWhIh"
-                data-component="IconButton"
-                data-loading="false"
-                data-no-visuals="true"
-                data-size="small"
-                data-testid="account-set-primary"
-                sx="[object Object]"
-                type="button"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="octicon octicon-star-fill"
-                  display="inline-block"
-                  fill="currentColor"
-                  focusable="false"
-                  height="16"
-                  overflow="visible"
-                  style="vertical-align: text-bottom;"
-                  viewBox="0 0 16 16"
-                  width="16"
-                >
-                  <path
-                    d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Z"
-                  />
-                </svg>
-              </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r3v:"
-                popover="auto"
-              >
-                Primary account
-              </span>
               <div
-                class="Box-sc-g0xbh4-0 hMgwpS"
-                data-loading-wrapper="true"
-                sx="[object Object]"
+                class="Box-sc-g0xbh4-0 cursor-pointer"
+                data-testid="account-developer-settings"
+                title="Open developer settings"
               >
-                <button
-                  aria-describedby=":r42:-loading-announcement"
-                  aria-labelledby=":r41:"
-                  class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-                  data-component="IconButton"
-                  data-loading="false"
-                  data-no-visuals="true"
-                  data-size="small"
-                  data-testid="account-refresh"
-                  sx="[object Object]"
-                  type="button"
+                <div
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
                   <svg
                     aria-hidden="true"
-                    class="octicon octicon-sync"
+                    class="octicon octicon-key"
                     display="inline-block"
                     fill="currentColor"
                     focusable="false"
@@ -1666,35 +1540,123 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     width="16"
                   >
                     <path
-                      d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
+                      d="M10.5 0a5.499 5.499 0 1 1-1.288 10.848l-.932.932a.749.749 0 0 1-.53.22H7v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22H5v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22h-2A1.75 1.75 0 0 1 0 14.25v-2c0-.199.079-.389.22-.53l4.932-4.932A5.5 5.5 0 0 1 10.5 0Zm-4 5.5c-.001.431.069.86.205 1.269a.75.75 0 0 1-.181.768L1.5 12.56v1.69c0 .138.112.25.25.25h1.69l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l1.023-1.025a.75.75 0 0 1 .768-.18A4 4 0 1 0 6.5 5.5ZM11 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"
                     />
                   </svg>
-                </button>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  >
+                    Personal Access Token
+                  </span>
+                </div>
               </div>
-              <span
+            </div>
+          </div>
+          <div
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            data-align="stretch"
+            data-direction="horizontal"
+            data-gap="condensed"
+            data-justify="start"
+            data-padding="none"
+            data-wrap="nowrap"
+          >
+            <button
+              aria-describedby=":r3u:-loading-announcement"
+              aria-labelledby=":r3t:"
+              class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-missing-scopes"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
                 aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r41:"
-                popover="auto"
-              >
-                Refresh octocat
-              </span>
+                class="octicon octicon-alert-fill"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r3t:"
+              popover="auto"
+            >
+              This account is missing one or more required scopes: [read:user, notifications, repo]
+            </span>
+            <button
+              aria-describedby=":r40:-loading-announcement"
+              aria-labelledby=":r3v:"
+              class="types__StyledButton-sc-ws60qy-0 gEWhIh"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-set-primary"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="octicon octicon-star-fill"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r3v:"
+              popover="auto"
+            >
+              Primary account
+            </span>
+            <div
+              class="Box-sc-g0xbh4-0 hMgwpS"
+              data-loading-wrapper="true"
+              sx="[object Object]"
+            >
               <button
-                aria-describedby=":r44:-loading-announcement"
-                aria-labelledby=":r43:"
-                class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+                aria-describedby=":r42:-loading-announcement"
+                aria-labelledby=":r41:"
+                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
                 data-size="small"
-                data-testid="account-logout"
+                data-testid="account-refresh"
                 sx="[object Object]"
                 type="button"
               >
                 <svg
                   aria-hidden="true"
-                  class="octicon octicon-sign-out"
+                  class="octicon octicon-sync"
                   display="inline-block"
                   fill="currentColor"
                   focusable="false"
@@ -1705,39 +1667,77 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                   width="16"
                 >
                   <path
-                    d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                    d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
                   />
                 </svg>
               </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r43:"
-                popover="auto"
-              >
-                Logout octocat
-              </span>
             </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Box-sc-g0xbh4-0 rounded-md p-2 mb-4 bg-gitify-accounts"
-    >
-      <div
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r41:"
+              popover="auto"
+            >
+              Refresh octocat
+            </span>
+            <button
+              aria-describedby=":r44:-loading-announcement"
+              aria-labelledby=":r43:"
+              class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-logout"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="octicon octicon-sign-out"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r43:"
+              popover="auto"
+            >
+              Logout octocat
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="Box-sc-g0xbh4-0 rounded-md p-2 bg-gitify-accounts"
+    >
+      <div
         class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
         data-align="stretch"
-        data-direction="horizontal"
+        data-direction="vertical"
         data-justify="start"
         data-padding="none"
         data-wrap="nowrap"
       >
         <div
           class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="stretch"
-          data-direction="vertical"
+          data-align="start"
+          data-direction="horizontal"
           data-justify="start"
           data-padding="none"
           data-wrap="nowrap"
@@ -1785,248 +1785,122 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     maxwidth="280"
                     title="@octocat"
                   >
-                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    @octocat
                   </div>
                 </div>
               </span>
             </span>
           </button>
+        </div>
+        <div
+          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          data-align="start"
+          data-direction="horizontal"
+          data-justify="space-between"
+          data-padding="none"
+          data-wrap="nowrap"
+        >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-            data-align="center"
-            data-direction="horizontal"
-            data-justify="space-between"
-            data-padding="none"
-            data-wrap="nowrap"
+            class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
           >
             <div
-              class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
+              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              data-align="stretch"
+              data-direction="vertical"
+              data-gap="condensed"
+              data-justify="start"
+              data-padding="none"
+              data-wrap="nowrap"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                data-align="stretch"
-                data-direction="vertical"
-                data-gap="condensed"
-                data-justify="start"
-                data-padding="none"
-                data-wrap="nowrap"
+                class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Box-sc-g0xbh4-0"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
+                  <svg
+                    aria-hidden="true"
+                    class="octicon octicon-person"
+                    display="inline-block"
+                    fill="currentColor"
+                    focusable="false"
+                    height="16"
+                    overflow="visible"
+                    style="vertical-align: text-bottom;"
+                    viewBox="0 0 16 16"
+                    width="16"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-person"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      Mona Lisa Octocat
-                    </span>
-                  </div>
-                </div>
-                <div
-                  class="Box-sc-g0xbh4-0 cursor-pointer"
-                  data-testid="account-host"
-                  title="Open host"
-                >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
+                    <path
+                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                    />
+                  </svg>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-server"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v4c0 .372-.116.717-.314 1 .198.283.314.628.314 1v4a1.75 1.75 0 0 1-1.75 1.75H1.75A1.75 1.75 0 0 1 0 12.75v-4c0-.358.109-.707.314-1a1.739 1.739 0 0 1-.314-1v-4C0 1.784.784 1 1.75 1ZM1.5 2.75v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Zm.25 5.75a.25.25 0 0 0-.25.25v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25ZM7 4.75A.75.75 0 0 1 7.75 4h4.5a.75.75 0 0 1 0 1.5h-4.5A.75.75 0 0 1 7 4.75ZM7.75 10h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM3 4.75A.75.75 0 0 1 3.75 4h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 3 4.75ZM3.75 10h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      github.gitify.io
-                    </span>
-                  </div>
+                    Mona Lisa Octocat
+                  </span>
                 </div>
+              </div>
+              <div
+                class="Box-sc-g0xbh4-0 cursor-pointer"
+                data-testid="account-host"
+                title="Open host"
+              >
                 <div
-                  class="Box-sc-g0xbh4-0 cursor-pointer"
-                  data-testid="account-developer-settings"
-                  title="Open developer settings"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
+                  <svg
+                    aria-hidden="true"
+                    class="octicon octicon-server"
+                    display="inline-block"
+                    fill="currentColor"
+                    focusable="false"
+                    height="16"
+                    overflow="visible"
+                    style="vertical-align: text-bottom;"
+                    viewBox="0 0 16 16"
+                    width="16"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-person"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      OAuth App
-                    </span>
-                  </div>
+                    <path
+                      d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v4c0 .372-.116.717-.314 1 .198.283.314.628.314 1v4a1.75 1.75 0 0 1-1.75 1.75H1.75A1.75 1.75 0 0 1 0 12.75v-4c0-.358.109-.707.314-1a1.739 1.739 0 0 1-.314-1v-4C0 1.784.784 1 1.75 1ZM1.5 2.75v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Zm.25 5.75a.25.25 0 0 0-.25.25v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25ZM7 4.75A.75.75 0 0 1 7.75 4h4.5a.75.75 0 0 1 0 1.5h-4.5A.75.75 0 0 1 7 4.75ZM7.75 10h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM3 4.75A.75.75 0 0 1 3.75 4h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 3 4.75ZM3.75 10h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5Z"
+                    />
+                  </svg>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  >
+                    github.gitify.io
+                  </span>
                 </div>
               </div>
-            </div>
-            <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-              data-align="stretch"
-              data-direction="horizontal"
-              data-gap="condensed"
-              data-justify="start"
-              data-padding="none"
-              data-wrap="nowrap"
-            >
-              <button
-                aria-describedby=":r47:-loading-announcement"
-                aria-labelledby=":r46:"
-                class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
-                data-component="IconButton"
-                data-loading="false"
-                data-no-visuals="true"
-                data-size="small"
-                data-testid="account-missing-scopes"
-                sx="[object Object]"
-                type="button"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="octicon octicon-alert-fill"
-                  display="inline-block"
-                  fill="currentColor"
-                  focusable="false"
-                  height="16"
-                  overflow="visible"
-                  style="vertical-align: text-bottom;"
-                  viewBox="0 0 16 16"
-                  width="16"
-                >
-                  <path
-                    d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                  />
-                </svg>
-              </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r46:"
-                popover="auto"
-              >
-                This account is missing one or more required scopes: [read:user, notifications, repo]
-              </span>
-              <button
-                aria-describedby=":r49:-loading-announcement"
-                aria-labelledby=":r48:"
-                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-                data-component="IconButton"
-                data-loading="false"
-                data-no-visuals="true"
-                data-size="small"
-                data-testid="account-set-primary"
-                sx="[object Object]"
-                type="button"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="octicon octicon-star"
-                  display="inline-block"
-                  fill="currentColor"
-                  focusable="false"
-                  height="16"
-                  overflow="visible"
-                  style="vertical-align: text-bottom;"
-                  viewBox="0 0 16 16"
-                  width="16"
-                >
-                  <path
-                    d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
-                  />
-                </svg>
-              </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r48:"
-                popover="auto"
-              >
-                Set as primary account
-              </span>
               <div
-                class="Box-sc-g0xbh4-0 hMgwpS"
-                data-loading-wrapper="true"
-                sx="[object Object]"
+                class="Box-sc-g0xbh4-0 cursor-pointer"
+                data-testid="account-developer-settings"
+                title="Open developer settings"
               >
-                <button
-                  aria-describedby=":r4b:-loading-announcement"
-                  aria-labelledby=":r4a:"
-                  class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-                  data-component="IconButton"
-                  data-loading="false"
-                  data-no-visuals="true"
-                  data-size="small"
-                  data-testid="account-refresh"
-                  sx="[object Object]"
-                  type="button"
+                <div
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
                   <svg
                     aria-hidden="true"
-                    class="octicon octicon-sync"
+                    class="octicon octicon-person"
                     display="inline-block"
                     fill="currentColor"
                     focusable="false"
@@ -2037,35 +1911,123 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     width="16"
                   >
                     <path
-                      d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
+                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
                     />
                   </svg>
-                </button>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  >
+                    OAuth App
+                  </span>
+                </div>
               </div>
-              <span
+            </div>
+          </div>
+          <div
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            data-align="stretch"
+            data-direction="horizontal"
+            data-gap="condensed"
+            data-justify="start"
+            data-padding="none"
+            data-wrap="nowrap"
+          >
+            <button
+              aria-describedby=":r47:-loading-announcement"
+              aria-labelledby=":r46:"
+              class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-missing-scopes"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
                 aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r4a:"
-                popover="auto"
-              >
-                Refresh octocat
-              </span>
+                class="octicon octicon-alert-fill"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r46:"
+              popover="auto"
+            >
+              This account is missing one or more required scopes: [read:user, notifications, repo]
+            </span>
+            <button
+              aria-describedby=":r49:-loading-announcement"
+              aria-labelledby=":r48:"
+              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-set-primary"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="octicon octicon-star"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r48:"
+              popover="auto"
+            >
+              Set as primary account
+            </span>
+            <div
+              class="Box-sc-g0xbh4-0 hMgwpS"
+              data-loading-wrapper="true"
+              sx="[object Object]"
+            >
               <button
-                aria-describedby=":r4d:-loading-announcement"
-                aria-labelledby=":r4c:"
-                class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+                aria-describedby=":r4b:-loading-announcement"
+                aria-labelledby=":r4a:"
+                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
                 data-size="small"
-                data-testid="account-logout"
+                data-testid="account-refresh"
                 sx="[object Object]"
                 type="button"
               >
                 <svg
                   aria-hidden="true"
-                  class="octicon octicon-sign-out"
+                  class="octicon octicon-sync"
                   display="inline-block"
                   fill="currentColor"
                   focusable="false"
@@ -2076,39 +2038,77 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                   width="16"
                 >
                   <path
-                    d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                    d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
                   />
                 </svg>
               </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r4c:"
-                popover="auto"
-              >
-                Logout octocat
-              </span>
             </div>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r4a:"
+              popover="auto"
+            >
+              Refresh octocat
+            </span>
+            <button
+              aria-describedby=":r4d:-loading-announcement"
+              aria-labelledby=":r4c:"
+              class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-logout"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="octicon octicon-sign-out"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r4c:"
+              popover="auto"
+            >
+              Logout octocat
+            </span>
           </div>
         </div>
       </div>
     </div>
     <div
-      class="Box-sc-g0xbh4-0 rounded-md p-2 mb-4 bg-gitify-accounts"
+      class="Box-sc-g0xbh4-0 rounded-md p-2 bg-gitify-accounts"
     >
       <div
         class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
         data-align="stretch"
-        data-direction="horizontal"
+        data-direction="vertical"
         data-justify="start"
         data-padding="none"
         data-wrap="nowrap"
       >
         <div
           class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="stretch"
-          data-direction="vertical"
+          data-align="start"
+          data-direction="horizontal"
           data-justify="start"
           data-padding="none"
           data-wrap="nowrap"
@@ -2156,248 +2156,122 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     maxwidth="280"
                     title="@octocat"
                   >
-                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    @octocat
                   </div>
                 </div>
               </span>
             </span>
           </button>
+        </div>
+        <div
+          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          data-align="start"
+          data-direction="horizontal"
+          data-justify="space-between"
+          data-padding="none"
+          data-wrap="nowrap"
+        >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-            data-align="center"
-            data-direction="horizontal"
-            data-justify="space-between"
-            data-padding="none"
-            data-wrap="nowrap"
+            class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
           >
             <div
-              class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
+              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              data-align="stretch"
+              data-direction="vertical"
+              data-gap="condensed"
+              data-justify="start"
+              data-padding="none"
+              data-wrap="nowrap"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                data-align="stretch"
-                data-direction="vertical"
-                data-gap="condensed"
-                data-justify="start"
-                data-padding="none"
-                data-wrap="nowrap"
+                class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Box-sc-g0xbh4-0"
-                >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-person"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      Mona Lisa Octocat
-                    </span>
-                  </div>
-                </div>
-                <div
-                  class="Box-sc-g0xbh4-0 cursor-pointer"
-                  data-testid="account-host"
-                  title="Open host"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
+                  <svg
+                    aria-hidden="true"
+                    class="octicon octicon-person"
+                    display="inline-block"
+                    fill="currentColor"
+                    focusable="false"
+                    height="16"
+                    overflow="visible"
+                    style="vertical-align: text-bottom;"
+                    viewBox="0 0 16 16"
+                    width="16"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-mark-github"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      github.com
-                    </span>
-                  </div>
-                </div>
-                <div
-                  class="Box-sc-g0xbh4-0 cursor-pointer"
-                  data-testid="account-developer-settings"
-                  title="Open developer settings"
-                >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
+                    <path
+                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                    />
+                  </svg>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-apps"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M1.5 3.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5A1.75 1.75 0 0 1 5.75 7.5h-2.5A1.75 1.75 0 0 1 1.5 5.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5A1.75 1.75 0 0 1 8.5 5.75Zm-7 7c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75ZM3.25 3a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5A.25.25 0 0 0 6 5.75v-2.5A.25.25 0 0 0 5.75 3Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm-7 7a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      GitHub App
-                    </span>
-                  </div>
+                    Mona Lisa Octocat
+                  </span>
                 </div>
               </div>
-            </div>
-            <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-              data-align="stretch"
-              data-direction="horizontal"
-              data-gap="condensed"
-              data-justify="start"
-              data-padding="none"
-              data-wrap="nowrap"
-            >
-              <button
-                aria-describedby=":r4g:-loading-announcement"
-                aria-labelledby=":r4f:"
-                class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
-                data-component="IconButton"
-                data-loading="false"
-                data-no-visuals="true"
-                data-size="small"
-                data-testid="account-missing-scopes"
-                sx="[object Object]"
-                type="button"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="octicon octicon-alert-fill"
-                  display="inline-block"
-                  fill="currentColor"
-                  focusable="false"
-                  height="16"
-                  overflow="visible"
-                  style="vertical-align: text-bottom;"
-                  viewBox="0 0 16 16"
-                  width="16"
-                >
-                  <path
-                    d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                  />
-                </svg>
-              </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r4f:"
-                popover="auto"
-              >
-                This account is missing one or more required scopes: [read:user, notifications, repo]
-              </span>
-              <button
-                aria-describedby=":r4i:-loading-announcement"
-                aria-labelledby=":r4h:"
-                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-                data-component="IconButton"
-                data-loading="false"
-                data-no-visuals="true"
-                data-size="small"
-                data-testid="account-set-primary"
-                sx="[object Object]"
-                type="button"
+              <div
+                class="Box-sc-g0xbh4-0 cursor-pointer"
+                data-testid="account-host"
+                title="Open host"
               >
-                <svg
-                  aria-hidden="true"
-                  class="octicon octicon-star"
-                  display="inline-block"
-                  fill="currentColor"
-                  focusable="false"
-                  height="16"
-                  overflow="visible"
-                  style="vertical-align: text-bottom;"
-                  viewBox="0 0 16 16"
-                  width="16"
+                <div
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
-                  <path
-                    d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
-                  />
-                </svg>
-              </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r4h:"
-                popover="auto"
-              >
-                Set as primary account
-              </span>
+                  <svg
+                    aria-hidden="true"
+                    class="octicon octicon-mark-github"
+                    display="inline-block"
+                    fill="currentColor"
+                    focusable="false"
+                    height="16"
+                    overflow="visible"
+                    style="vertical-align: text-bottom;"
+                    viewBox="0 0 16 16"
+                    width="16"
+                  >
+                    <path
+                      d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
+                    />
+                  </svg>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  >
+                    github.com
+                  </span>
+                </div>
+              </div>
               <div
-                class="Box-sc-g0xbh4-0 hMgwpS"
-                data-loading-wrapper="true"
-                sx="[object Object]"
+                class="Box-sc-g0xbh4-0 cursor-pointer"
+                data-testid="account-developer-settings"
+                title="Open developer settings"
               >
-                <button
-                  aria-describedby=":r4k:-loading-announcement"
-                  aria-labelledby=":r4j:"
-                  class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-                  data-component="IconButton"
-                  data-loading="false"
-                  data-no-visuals="true"
-                  data-size="small"
-                  data-testid="account-refresh"
-                  sx="[object Object]"
-                  type="button"
+                <div
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
                   <svg
                     aria-hidden="true"
-                    class="octicon octicon-sync"
+                    class="octicon octicon-apps"
                     display="inline-block"
                     fill="currentColor"
                     focusable="false"
@@ -2408,35 +2282,123 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                     width="16"
                   >
                     <path
-                      d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
+                      d="M1.5 3.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5A1.75 1.75 0 0 1 5.75 7.5h-2.5A1.75 1.75 0 0 1 1.5 5.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5A1.75 1.75 0 0 1 8.5 5.75Zm-7 7c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75ZM3.25 3a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5A.25.25 0 0 0 6 5.75v-2.5A.25.25 0 0 0 5.75 3Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm-7 7a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Z"
                     />
                   </svg>
-                </button>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  >
+                    GitHub App
+                  </span>
+                </div>
               </div>
-              <span
+            </div>
+          </div>
+          <div
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            data-align="stretch"
+            data-direction="horizontal"
+            data-gap="condensed"
+            data-justify="start"
+            data-padding="none"
+            data-wrap="nowrap"
+          >
+            <button
+              aria-describedby=":r4g:-loading-announcement"
+              aria-labelledby=":r4f:"
+              class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-missing-scopes"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
                 aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r4j:"
-                popover="auto"
-              >
-                Refresh octocat
-              </span>
+                class="octicon octicon-alert-fill"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r4f:"
+              popover="auto"
+            >
+              This account is missing one or more required scopes: [read:user, notifications, repo]
+            </span>
+            <button
+              aria-describedby=":r4i:-loading-announcement"
+              aria-labelledby=":r4h:"
+              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-set-primary"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="octicon octicon-star"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r4h:"
+              popover="auto"
+            >
+              Set as primary account
+            </span>
+            <div
+              class="Box-sc-g0xbh4-0 hMgwpS"
+              data-loading-wrapper="true"
+              sx="[object Object]"
+            >
               <button
-                aria-describedby=":r4m:-loading-announcement"
-                aria-labelledby=":r4l:"
-                class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+                aria-describedby=":r4k:-loading-announcement"
+                aria-labelledby=":r4j:"
+                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
                 data-size="small"
-                data-testid="account-logout"
+                data-testid="account-refresh"
                 sx="[object Object]"
                 type="button"
               >
                 <svg
                   aria-hidden="true"
-                  class="octicon octicon-sign-out"
+                  class="octicon octicon-sync"
                   display="inline-block"
                   fill="currentColor"
                   focusable="false"
@@ -2447,20 +2409,58 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                   width="16"
                 >
                   <path
-                    d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                    d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
                   />
                 </svg>
               </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r4l:"
-                popover="auto"
-              >
-                Logout octocat
-              </span>
             </div>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r4j:"
+              popover="auto"
+            >
+              Refresh octocat
+            </span>
+            <button
+              aria-describedby=":r4m:-loading-announcement"
+              aria-labelledby=":r4l:"
+              class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-logout"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="octicon octicon-sign-out"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r4l:"
+              popover="auto"
+            >
+              Logout octocat
+            </span>
           </div>
         </div>
       </div>
@@ -2617,20 +2617,20 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
     class="Box-sc-g0xbh4-0 grow overflow-x-auto px-8 pb-2 mb-12 "
   >
     <div
-      class="Box-sc-g0xbh4-0 rounded-md p-2 mb-4 bg-gitify-accounts"
+      class="Box-sc-g0xbh4-0 rounded-md p-2 bg-gitify-accounts"
     >
       <div
         class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
         data-align="stretch"
-        data-direction="horizontal"
+        data-direction="vertical"
         data-justify="start"
         data-padding="none"
         data-wrap="nowrap"
       >
         <div
           class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="stretch"
-          data-direction="vertical"
+          data-align="start"
+          data-direction="horizontal"
           data-justify="start"
           data-padding="none"
           data-wrap="nowrap"
@@ -2678,248 +2678,122 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     maxwidth="280"
                     title="@octocat"
                   >
-                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    @octocat
                   </div>
                 </div>
               </span>
             </span>
           </button>
+        </div>
+        <div
+          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          data-align="start"
+          data-direction="horizontal"
+          data-justify="space-between"
+          data-padding="none"
+          data-wrap="nowrap"
+        >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-            data-align="center"
-            data-direction="horizontal"
-            data-justify="space-between"
-            data-padding="none"
-            data-wrap="nowrap"
+            class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
           >
             <div
-              class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
+              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              data-align="stretch"
+              data-direction="vertical"
+              data-gap="condensed"
+              data-justify="start"
+              data-padding="none"
+              data-wrap="nowrap"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                data-align="stretch"
-                data-direction="vertical"
-                data-gap="condensed"
-                data-justify="start"
-                data-padding="none"
-                data-wrap="nowrap"
+                class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Box-sc-g0xbh4-0"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
+                  <svg
+                    aria-hidden="true"
+                    class="octicon octicon-person"
+                    display="inline-block"
+                    fill="currentColor"
+                    focusable="false"
+                    height="16"
+                    overflow="visible"
+                    style="vertical-align: text-bottom;"
+                    viewBox="0 0 16 16"
+                    width="16"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-person"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      Mona Lisa Octocat
-                    </span>
-                  </div>
-                </div>
-                <div
-                  class="Box-sc-g0xbh4-0 cursor-pointer"
-                  data-testid="account-host"
-                  title="Open host"
-                >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
+                    <path
+                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                    />
+                  </svg>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-mark-github"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      github.com
-                    </span>
-                  </div>
+                    Mona Lisa Octocat
+                  </span>
                 </div>
+              </div>
+              <div
+                class="Box-sc-g0xbh4-0 cursor-pointer"
+                data-testid="account-host"
+                title="Open host"
+              >
                 <div
-                  class="Box-sc-g0xbh4-0 cursor-pointer"
-                  data-testid="account-developer-settings"
-                  title="Open developer settings"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
+                  <svg
+                    aria-hidden="true"
+                    class="octicon octicon-mark-github"
+                    display="inline-block"
+                    fill="currentColor"
+                    focusable="false"
+                    height="16"
+                    overflow="visible"
+                    style="vertical-align: text-bottom;"
+                    viewBox="0 0 16 16"
+                    width="16"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-key"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M10.5 0a5.499 5.499 0 1 1-1.288 10.848l-.932.932a.749.749 0 0 1-.53.22H7v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22H5v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22h-2A1.75 1.75 0 0 1 0 14.25v-2c0-.199.079-.389.22-.53l4.932-4.932A5.5 5.5 0 0 1 10.5 0Zm-4 5.5c-.001.431.069.86.205 1.269a.75.75 0 0 1-.181.768L1.5 12.56v1.69c0 .138.112.25.25.25h1.69l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l1.023-1.025a.75.75 0 0 1 .768-.18A4 4 0 1 0 6.5 5.5ZM11 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      Personal Access Token
-                    </span>
-                  </div>
+                    <path
+                      d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
+                    />
+                  </svg>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  >
+                    github.com
+                  </span>
                 </div>
               </div>
-            </div>
-            <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-              data-align="stretch"
-              data-direction="horizontal"
-              data-gap="condensed"
-              data-justify="start"
-              data-padding="none"
-              data-wrap="nowrap"
-            >
-              <button
-                aria-describedby=":r3:-loading-announcement"
-                aria-labelledby=":r2:"
-                class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
-                data-component="IconButton"
-                data-loading="false"
-                data-no-visuals="true"
-                data-size="small"
-                data-testid="account-missing-scopes"
-                sx="[object Object]"
-                type="button"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="octicon octicon-alert-fill"
-                  display="inline-block"
-                  fill="currentColor"
-                  focusable="false"
-                  height="16"
-                  overflow="visible"
-                  style="vertical-align: text-bottom;"
-                  viewBox="0 0 16 16"
-                  width="16"
-                >
-                  <path
-                    d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                  />
-                </svg>
-              </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r2:"
-                popover="auto"
-              >
-                This account is missing one or more required scopes: [read:user, notifications, repo]
-              </span>
-              <button
-                aria-describedby=":r5:-loading-announcement"
-                aria-labelledby=":r4:"
-                class="types__StyledButton-sc-ws60qy-0 gEWhIh"
-                data-component="IconButton"
-                data-loading="false"
-                data-no-visuals="true"
-                data-size="small"
-                data-testid="account-set-primary"
-                sx="[object Object]"
-                type="button"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="octicon octicon-star-fill"
-                  display="inline-block"
-                  fill="currentColor"
-                  focusable="false"
-                  height="16"
-                  overflow="visible"
-                  style="vertical-align: text-bottom;"
-                  viewBox="0 0 16 16"
-                  width="16"
-                >
-                  <path
-                    d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Z"
-                  />
-                </svg>
-              </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r4:"
-                popover="auto"
-              >
-                Primary account
-              </span>
               <div
-                class="Box-sc-g0xbh4-0 hMgwpS"
-                data-loading-wrapper="true"
-                sx="[object Object]"
+                class="Box-sc-g0xbh4-0 cursor-pointer"
+                data-testid="account-developer-settings"
+                title="Open developer settings"
               >
-                <button
-                  aria-describedby=":r7:-loading-announcement"
-                  aria-labelledby=":r6:"
-                  class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-                  data-component="IconButton"
-                  data-loading="false"
-                  data-no-visuals="true"
-                  data-size="small"
-                  data-testid="account-refresh"
-                  sx="[object Object]"
-                  type="button"
+                <div
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
                   <svg
                     aria-hidden="true"
-                    class="octicon octicon-sync"
+                    class="octicon octicon-key"
                     display="inline-block"
                     fill="currentColor"
                     focusable="false"
@@ -2930,35 +2804,123 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     width="16"
                   >
                     <path
-                      d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
+                      d="M10.5 0a5.499 5.499 0 1 1-1.288 10.848l-.932.932a.749.749 0 0 1-.53.22H7v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22H5v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22h-2A1.75 1.75 0 0 1 0 14.25v-2c0-.199.079-.389.22-.53l4.932-4.932A5.5 5.5 0 0 1 10.5 0Zm-4 5.5c-.001.431.069.86.205 1.269a.75.75 0 0 1-.181.768L1.5 12.56v1.69c0 .138.112.25.25.25h1.69l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l1.023-1.025a.75.75 0 0 1 .768-.18A4 4 0 1 0 6.5 5.5ZM11 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"
                     />
                   </svg>
-                </button>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  >
+                    Personal Access Token
+                  </span>
+                </div>
               </div>
-              <span
+            </div>
+          </div>
+          <div
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            data-align="stretch"
+            data-direction="horizontal"
+            data-gap="condensed"
+            data-justify="start"
+            data-padding="none"
+            data-wrap="nowrap"
+          >
+            <button
+              aria-describedby=":r3:-loading-announcement"
+              aria-labelledby=":r2:"
+              class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-missing-scopes"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
                 aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r6:"
-                popover="auto"
-              >
-                Refresh octocat
-              </span>
+                class="octicon octicon-alert-fill"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r2:"
+              popover="auto"
+            >
+              This account is missing one or more required scopes: [read:user, notifications, repo]
+            </span>
+            <button
+              aria-describedby=":r5:-loading-announcement"
+              aria-labelledby=":r4:"
+              class="types__StyledButton-sc-ws60qy-0 gEWhIh"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-set-primary"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="octicon octicon-star-fill"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r4:"
+              popover="auto"
+            >
+              Primary account
+            </span>
+            <div
+              class="Box-sc-g0xbh4-0 hMgwpS"
+              data-loading-wrapper="true"
+              sx="[object Object]"
+            >
               <button
-                aria-describedby=":r9:-loading-announcement"
-                aria-labelledby=":r8:"
-                class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+                aria-describedby=":r7:-loading-announcement"
+                aria-labelledby=":r6:"
+                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
                 data-size="small"
-                data-testid="account-logout"
+                data-testid="account-refresh"
                 sx="[object Object]"
                 type="button"
               >
                 <svg
                   aria-hidden="true"
-                  class="octicon octicon-sign-out"
+                  class="octicon octicon-sync"
                   display="inline-block"
                   fill="currentColor"
                   focusable="false"
@@ -2969,39 +2931,77 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                   width="16"
                 >
                   <path
-                    d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                    d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
                   />
                 </svg>
               </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":r8:"
-                popover="auto"
-              >
-                Logout octocat
-              </span>
             </div>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r6:"
+              popover="auto"
+            >
+              Refresh octocat
+            </span>
+            <button
+              aria-describedby=":r9:-loading-announcement"
+              aria-labelledby=":r8:"
+              class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-logout"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="octicon octicon-sign-out"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":r8:"
+              popover="auto"
+            >
+              Logout octocat
+            </span>
           </div>
         </div>
       </div>
     </div>
     <div
-      class="Box-sc-g0xbh4-0 rounded-md p-2 mb-4 bg-gitify-accounts"
+      class="Box-sc-g0xbh4-0 rounded-md p-2 bg-gitify-accounts"
     >
       <div
         class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
         data-align="stretch"
-        data-direction="horizontal"
+        data-direction="vertical"
         data-justify="start"
         data-padding="none"
         data-wrap="nowrap"
       >
         <div
           class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="stretch"
-          data-direction="vertical"
+          data-align="start"
+          data-direction="horizontal"
           data-justify="start"
           data-padding="none"
           data-wrap="nowrap"
@@ -3049,248 +3049,122 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     maxwidth="280"
                     title="@octocat"
                   >
-                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    @octocat
                   </div>
                 </div>
               </span>
             </span>
           </button>
+        </div>
+        <div
+          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          data-align="start"
+          data-direction="horizontal"
+          data-justify="space-between"
+          data-padding="none"
+          data-wrap="nowrap"
+        >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-            data-align="center"
-            data-direction="horizontal"
-            data-justify="space-between"
-            data-padding="none"
-            data-wrap="nowrap"
+            class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
           >
-            <div
-              class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
-            >
-              <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                data-align="stretch"
-                data-direction="vertical"
-                data-gap="condensed"
-                data-justify="start"
-                data-padding="none"
-                data-wrap="nowrap"
-              >
-                <div
-                  class="Box-sc-g0xbh4-0"
-                >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-person"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      Mona Lisa Octocat
-                    </span>
-                  </div>
-                </div>
-                <div
-                  class="Box-sc-g0xbh4-0 cursor-pointer"
-                  data-testid="account-host"
-                  title="Open host"
-                >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-server"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v4c0 .372-.116.717-.314 1 .198.283.314.628.314 1v4a1.75 1.75 0 0 1-1.75 1.75H1.75A1.75 1.75 0 0 1 0 12.75v-4c0-.358.109-.707.314-1a1.739 1.739 0 0 1-.314-1v-4C0 1.784.784 1 1.75 1ZM1.5 2.75v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Zm.25 5.75a.25.25 0 0 0-.25.25v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25ZM7 4.75A.75.75 0 0 1 7.75 4h4.5a.75.75 0 0 1 0 1.5h-4.5A.75.75 0 0 1 7 4.75ZM7.75 10h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM3 4.75A.75.75 0 0 1 3.75 4h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 3 4.75ZM3.75 10h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      github.gitify.io
-                    </span>
-                  </div>
-                </div>
-                <div
-                  class="Box-sc-g0xbh4-0 cursor-pointer"
-                  data-testid="account-developer-settings"
-                  title="Open developer settings"
-                >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-person"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      OAuth App
-                    </span>
-                  </div>
-                </div>
-              </div>
-            </div>
             <div
               class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
               data-align="stretch"
-              data-direction="horizontal"
+              data-direction="vertical"
               data-gap="condensed"
               data-justify="start"
               data-padding="none"
               data-wrap="nowrap"
             >
-              <button
-                aria-describedby=":rc:-loading-announcement"
-                aria-labelledby=":rb:"
-                class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
-                data-component="IconButton"
-                data-loading="false"
-                data-no-visuals="true"
-                data-size="small"
-                data-testid="account-missing-scopes"
-                sx="[object Object]"
-                type="button"
+              <div
+                class="Box-sc-g0xbh4-0"
               >
-                <svg
-                  aria-hidden="true"
-                  class="octicon octicon-alert-fill"
-                  display="inline-block"
-                  fill="currentColor"
-                  focusable="false"
-                  height="16"
-                  overflow="visible"
-                  style="vertical-align: text-bottom;"
-                  viewBox="0 0 16 16"
-                  width="16"
+                <div
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
-                  <path
-                    d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                  />
-                </svg>
-              </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":rb:"
-                popover="auto"
-              >
-                This account is missing one or more required scopes: [read:user, notifications, repo]
-              </span>
-              <button
-                aria-describedby=":re:-loading-announcement"
-                aria-labelledby=":rd:"
-                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-                data-component="IconButton"
-                data-loading="false"
-                data-no-visuals="true"
-                data-size="small"
-                data-testid="account-set-primary"
-                sx="[object Object]"
-                type="button"
+                  <svg
+                    aria-hidden="true"
+                    class="octicon octicon-person"
+                    display="inline-block"
+                    fill="currentColor"
+                    focusable="false"
+                    height="16"
+                    overflow="visible"
+                    style="vertical-align: text-bottom;"
+                    viewBox="0 0 16 16"
+                    width="16"
+                  >
+                    <path
+                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                    />
+                  </svg>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  >
+                    Mona Lisa Octocat
+                  </span>
+                </div>
+              </div>
+              <div
+                class="Box-sc-g0xbh4-0 cursor-pointer"
+                data-testid="account-host"
+                title="Open host"
               >
-                <svg
-                  aria-hidden="true"
-                  class="octicon octicon-star"
-                  display="inline-block"
-                  fill="currentColor"
-                  focusable="false"
-                  height="16"
-                  overflow="visible"
-                  style="vertical-align: text-bottom;"
-                  viewBox="0 0 16 16"
-                  width="16"
+                <div
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
-                  <path
-                    d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
-                  />
-                </svg>
-              </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":rd:"
-                popover="auto"
-              >
-                Set as primary account
-              </span>
+                  <svg
+                    aria-hidden="true"
+                    class="octicon octicon-server"
+                    display="inline-block"
+                    fill="currentColor"
+                    focusable="false"
+                    height="16"
+                    overflow="visible"
+                    style="vertical-align: text-bottom;"
+                    viewBox="0 0 16 16"
+                    width="16"
+                  >
+                    <path
+                      d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v4c0 .372-.116.717-.314 1 .198.283.314.628.314 1v4a1.75 1.75 0 0 1-1.75 1.75H1.75A1.75 1.75 0 0 1 0 12.75v-4c0-.358.109-.707.314-1a1.739 1.739 0 0 1-.314-1v-4C0 1.784.784 1 1.75 1ZM1.5 2.75v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Zm.25 5.75a.25.25 0 0 0-.25.25v4c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25ZM7 4.75A.75.75 0 0 1 7.75 4h4.5a.75.75 0 0 1 0 1.5h-4.5A.75.75 0 0 1 7 4.75ZM7.75 10h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM3 4.75A.75.75 0 0 1 3.75 4h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 3 4.75ZM3.75 10h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5Z"
+                    />
+                  </svg>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  >
+                    github.gitify.io
+                  </span>
+                </div>
+              </div>
               <div
-                class="Box-sc-g0xbh4-0 hMgwpS"
-                data-loading-wrapper="true"
-                sx="[object Object]"
+                class="Box-sc-g0xbh4-0 cursor-pointer"
+                data-testid="account-developer-settings"
+                title="Open developer settings"
               >
-                <button
-                  aria-describedby=":rg:-loading-announcement"
-                  aria-labelledby=":rf:"
-                  class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-                  data-component="IconButton"
-                  data-loading="false"
-                  data-no-visuals="true"
-                  data-size="small"
-                  data-testid="account-refresh"
-                  sx="[object Object]"
-                  type="button"
+                <div
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
                   <svg
                     aria-hidden="true"
-                    class="octicon octicon-sync"
+                    class="octicon octicon-person"
                     display="inline-block"
                     fill="currentColor"
                     focusable="false"
@@ -3301,35 +3175,123 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     width="16"
                   >
                     <path
-                      d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
+                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
                     />
                   </svg>
-                </button>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  >
+                    OAuth App
+                  </span>
+                </div>
               </div>
-              <span
+            </div>
+          </div>
+          <div
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            data-align="stretch"
+            data-direction="horizontal"
+            data-gap="condensed"
+            data-justify="start"
+            data-padding="none"
+            data-wrap="nowrap"
+          >
+            <button
+              aria-describedby=":rc:-loading-announcement"
+              aria-labelledby=":rb:"
+              class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-missing-scopes"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
                 aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":rf:"
-                popover="auto"
-              >
-                Refresh octocat
-              </span>
+                class="octicon octicon-alert-fill"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":rb:"
+              popover="auto"
+            >
+              This account is missing one or more required scopes: [read:user, notifications, repo]
+            </span>
+            <button
+              aria-describedby=":re:-loading-announcement"
+              aria-labelledby=":rd:"
+              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-set-primary"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="octicon octicon-star"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":rd:"
+              popover="auto"
+            >
+              Set as primary account
+            </span>
+            <div
+              class="Box-sc-g0xbh4-0 hMgwpS"
+              data-loading-wrapper="true"
+              sx="[object Object]"
+            >
               <button
-                aria-describedby=":ri:-loading-announcement"
-                aria-labelledby=":rh:"
-                class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+                aria-describedby=":rg:-loading-announcement"
+                aria-labelledby=":rf:"
+                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
                 data-size="small"
-                data-testid="account-logout"
+                data-testid="account-refresh"
                 sx="[object Object]"
                 type="button"
               >
                 <svg
                   aria-hidden="true"
-                  class="octicon octicon-sign-out"
+                  class="octicon octicon-sync"
                   display="inline-block"
                   fill="currentColor"
                   focusable="false"
@@ -3340,39 +3302,77 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                   width="16"
                 >
                   <path
-                    d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                    d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
                   />
                 </svg>
               </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":rh:"
-                popover="auto"
-              >
-                Logout octocat
-              </span>
             </div>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":rf:"
+              popover="auto"
+            >
+              Refresh octocat
+            </span>
+            <button
+              aria-describedby=":ri:-loading-announcement"
+              aria-labelledby=":rh:"
+              class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-logout"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="octicon octicon-sign-out"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":rh:"
+              popover="auto"
+            >
+              Logout octocat
+            </span>
           </div>
         </div>
       </div>
     </div>
     <div
-      class="Box-sc-g0xbh4-0 rounded-md p-2 mb-4 bg-gitify-accounts"
+      class="Box-sc-g0xbh4-0 rounded-md p-2 bg-gitify-accounts"
     >
       <div
         class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
         data-align="stretch"
-        data-direction="horizontal"
+        data-direction="vertical"
         data-justify="start"
         data-padding="none"
         data-wrap="nowrap"
       >
         <div
           class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-          data-align="stretch"
-          data-direction="vertical"
+          data-align="start"
+          data-direction="horizontal"
           data-justify="start"
           data-padding="none"
           data-wrap="nowrap"
@@ -3420,248 +3420,122 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     maxwidth="280"
                     title="@octocat"
                   >
-                    asdokmdasoimdasoisadoindsviunafjhnfpuinfdsapiujndfp iun piunaspiufnpiuadspdsfainfdsai
+                    @octocat
                   </div>
                 </div>
               </span>
             </span>
           </button>
+        </div>
+        <div
+          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+          data-align="start"
+          data-direction="horizontal"
+          data-justify="space-between"
+          data-padding="none"
+          data-wrap="nowrap"
+        >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-            data-align="center"
-            data-direction="horizontal"
-            data-justify="space-between"
-            data-padding="none"
-            data-wrap="nowrap"
+            class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
           >
             <div
-              class="Box-sc-g0xbh4-0 pl-4 pb-2 text-xs"
+              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+              data-align="stretch"
+              data-direction="vertical"
+              data-gap="condensed"
+              data-justify="start"
+              data-padding="none"
+              data-wrap="nowrap"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                data-align="stretch"
-                data-direction="vertical"
-                data-gap="condensed"
-                data-justify="start"
-                data-padding="none"
-                data-wrap="nowrap"
+                class="Box-sc-g0xbh4-0"
               >
                 <div
-                  class="Box-sc-g0xbh4-0"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
+                  <svg
+                    aria-hidden="true"
+                    class="octicon octicon-person"
+                    display="inline-block"
+                    fill="currentColor"
+                    focusable="false"
+                    height="16"
+                    overflow="visible"
+                    style="vertical-align: text-bottom;"
+                    viewBox="0 0 16 16"
+                    width="16"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-person"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      Mona Lisa Octocat
-                    </span>
-                  </div>
-                </div>
-                <div
-                  class="Box-sc-g0xbh4-0 cursor-pointer"
-                  data-testid="account-host"
-                  title="Open host"
-                >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
+                    <path
+                      d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
+                    />
+                  </svg>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-mark-github"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      github.com
-                    </span>
-                  </div>
+                    Mona Lisa Octocat
+                  </span>
                 </div>
+              </div>
+              <div
+                class="Box-sc-g0xbh4-0 cursor-pointer"
+                data-testid="account-host"
+                title="Open host"
+              >
                 <div
-                  class="Box-sc-g0xbh4-0 cursor-pointer"
-                  data-testid="account-developer-settings"
-                  title="Open developer settings"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
-                  <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-                    data-align="center"
-                    data-direction="horizontal"
-                    data-gap="condensed"
-                    data-justify="start"
-                    data-padding="none"
-                    data-wrap="nowrap"
+                  <svg
+                    aria-hidden="true"
+                    class="octicon octicon-mark-github"
+                    display="inline-block"
+                    fill="currentColor"
+                    focusable="false"
+                    height="16"
+                    overflow="visible"
+                    style="vertical-align: text-bottom;"
+                    viewBox="0 0 16 16"
+                    width="16"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="octicon octicon-apps"
-                      display="inline-block"
-                      fill="currentColor"
-                      focusable="false"
-                      height="16"
-                      overflow="visible"
-                      style="vertical-align: text-bottom;"
-                      viewBox="0 0 16 16"
-                      width="16"
-                    >
-                      <path
-                        d="M1.5 3.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5A1.75 1.75 0 0 1 5.75 7.5h-2.5A1.75 1.75 0 0 1 1.5 5.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5A1.75 1.75 0 0 1 8.5 5.75Zm-7 7c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75ZM3.25 3a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5A.25.25 0 0 0 6 5.75v-2.5A.25.25 0 0 0 5.75 3Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm-7 7a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Z"
-                      />
-                    </svg>
-                    <span
-                      class="Text-sc-17v1xeu-0 hmAFGJ"
-                    >
-                      GitHub App
-                    </span>
-                  </div>
+                    <path
+                      d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
+                    />
+                  </svg>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  >
+                    github.com
+                  </span>
                 </div>
               </div>
-            </div>
-            <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
-              data-align="stretch"
-              data-direction="horizontal"
-              data-gap="condensed"
-              data-justify="start"
-              data-padding="none"
-              data-wrap="nowrap"
-            >
-              <button
-                aria-describedby=":rl:-loading-announcement"
-                aria-labelledby=":rk:"
-                class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
-                data-component="IconButton"
-                data-loading="false"
-                data-no-visuals="true"
-                data-size="small"
-                data-testid="account-missing-scopes"
-                sx="[object Object]"
-                type="button"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="octicon octicon-alert-fill"
-                  display="inline-block"
-                  fill="currentColor"
-                  focusable="false"
-                  height="16"
-                  overflow="visible"
-                  style="vertical-align: text-bottom;"
-                  viewBox="0 0 16 16"
-                  width="16"
-                >
-                  <path
-                    d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                  />
-                </svg>
-              </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":rk:"
-                popover="auto"
-              >
-                This account is missing one or more required scopes: [read:user, notifications, repo]
-              </span>
-              <button
-                aria-describedby=":rn:-loading-announcement"
-                aria-labelledby=":rm:"
-                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-                data-component="IconButton"
-                data-loading="false"
-                data-no-visuals="true"
-                data-size="small"
-                data-testid="account-set-primary"
-                sx="[object Object]"
-                type="button"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="octicon octicon-star"
-                  display="inline-block"
-                  fill="currentColor"
-                  focusable="false"
-                  height="16"
-                  overflow="visible"
-                  style="vertical-align: text-bottom;"
-                  viewBox="0 0 16 16"
-                  width="16"
-                >
-                  <path
-                    d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
-                  />
-                </svg>
-              </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":rm:"
-                popover="auto"
-              >
-                Set as primary account
-              </span>
               <div
-                class="Box-sc-g0xbh4-0 hMgwpS"
-                data-loading-wrapper="true"
-                sx="[object Object]"
+                class="Box-sc-g0xbh4-0 cursor-pointer"
+                data-testid="account-developer-settings"
+                title="Open developer settings"
               >
-                <button
-                  aria-describedby=":rp:-loading-announcement"
-                  aria-labelledby=":ro:"
-                  class="types__StyledButton-sc-ws60qy-0 jTCgqj"
-                  data-component="IconButton"
-                  data-loading="false"
-                  data-no-visuals="true"
-                  data-size="small"
-                  data-testid="account-refresh"
-                  sx="[object Object]"
-                  type="button"
+                <div
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+                  data-align="center"
+                  data-direction="horizontal"
+                  data-gap="condensed"
+                  data-justify="start"
+                  data-padding="none"
+                  data-wrap="nowrap"
                 >
                   <svg
                     aria-hidden="true"
-                    class="octicon octicon-sync"
+                    class="octicon octicon-apps"
                     display="inline-block"
                     fill="currentColor"
                     focusable="false"
@@ -3672,35 +3546,123 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                     width="16"
                   >
                     <path
-                      d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
+                      d="M1.5 3.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5A1.75 1.75 0 0 1 5.75 7.5h-2.5A1.75 1.75 0 0 1 1.5 5.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5A1.75 1.75 0 0 1 8.5 5.75Zm-7 7c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75Zm7 0c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 0 1-1.75 1.75h-2.5a1.75 1.75 0 0 1-1.75-1.75ZM3.25 3a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5A.25.25 0 0 0 6 5.75v-2.5A.25.25 0 0 0 5.75 3Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm-7 7a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Zm7 0a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25Z"
                     />
                   </svg>
-                </button>
+                  <span
+                    class="Text-sc-17v1xeu-0 hmAFGJ"
+                  >
+                    GitHub App
+                  </span>
+                </div>
               </div>
-              <span
+            </div>
+          </div>
+          <div
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
+            data-align="stretch"
+            data-direction="horizontal"
+            data-gap="condensed"
+            data-justify="start"
+            data-padding="none"
+            data-wrap="nowrap"
+          >
+            <button
+              aria-describedby=":rl:-loading-announcement"
+              aria-labelledby=":rk:"
+              class="types__StyledButton-sc-ws60qy-0 cYZGEC invisible"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-missing-scopes"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
                 aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":ro:"
-                popover="auto"
-              >
-                Refresh octocat
-              </span>
+                class="octicon octicon-alert-fill"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":rk:"
+              popover="auto"
+            >
+              This account is missing one or more required scopes: [read:user, notifications, repo]
+            </span>
+            <button
+              aria-describedby=":rn:-loading-announcement"
+              aria-labelledby=":rm:"
+              class="types__StyledButton-sc-ws60qy-0 jTCgqj"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-set-primary"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="octicon octicon-star"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":rm:"
+              popover="auto"
+            >
+              Set as primary account
+            </span>
+            <div
+              class="Box-sc-g0xbh4-0 hMgwpS"
+              data-loading-wrapper="true"
+              sx="[object Object]"
+            >
               <button
-                aria-describedby=":rr:-loading-announcement"
-                aria-labelledby=":rq:"
-                class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+                aria-describedby=":rp:-loading-announcement"
+                aria-labelledby=":ro:"
+                class="types__StyledButton-sc-ws60qy-0 jTCgqj"
                 data-component="IconButton"
                 data-loading="false"
                 data-no-visuals="true"
                 data-size="small"
-                data-testid="account-logout"
+                data-testid="account-refresh"
                 sx="[object Object]"
                 type="button"
               >
                 <svg
                   aria-hidden="true"
-                  class="octicon octicon-sign-out"
+                  class="octicon octicon-sync"
                   display="inline-block"
                   fill="currentColor"
                   focusable="false"
@@ -3711,20 +3673,58 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                   width="16"
                 >
                   <path
-                    d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                    d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"
                   />
                 </svg>
               </button>
-              <span
-                aria-hidden="true"
-                class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
-                data-direction="s"
-                id=":rq:"
-                popover="auto"
-              >
-                Logout octocat
-              </span>
             </div>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":ro:"
+              popover="auto"
+            >
+              Refresh octocat
+            </span>
+            <button
+              aria-describedby=":rr:-loading-announcement"
+              aria-labelledby=":rq:"
+              class="types__StyledButton-sc-ws60qy-0 cYZGEC"
+              data-component="IconButton"
+              data-loading="false"
+              data-no-visuals="true"
+              data-size="small"
+              data-testid="account-logout"
+              sx="[object Object]"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="octicon octicon-sign-out"
+                display="inline-block"
+                fill="currentColor"
+                focusable="false"
+                height="16"
+                overflow="visible"
+                style="vertical-align: text-bottom;"
+                viewBox="0 0 16 16"
+                width="16"
+              >
+                <path
+                  d="M2 2.75C2 1.784 2.784 1 3.75 1h2.5a.75.75 0 0 1 0 1.5h-2.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 2 13.25Zm10.44 4.5-1.97-1.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.97-1.97H6.75a.75.75 0 0 1 0-1.5Z"
+                />
+              </svg>
+            </button>
+            <span
+              aria-hidden="true"
+              class="Tooltip__StyledTooltip-sc-e45c7z-0 eELanX"
+              data-direction="s"
+              id=":rq:"
+              popover="auto"
+            >
+              Logout octocat
+            </span>
           </div>
         </div>
       </div>

From 9a4b94ff6a77350741c8144a89f8d1f760d58a8b Mon Sep 17 00:00:00 2001
From: Adam Setch <adam.setch@outlook.com>
Date: Wed, 29 Jan 2025 22:03:59 -0500
Subject: [PATCH 4/4] feat: avatar length handling

Signed-off-by: Adam Setch <adam.setch@outlook.com>
---
 .../AvatarWithFallback.test.tsx.snap          | 20 +++++-----
 .../AccountNotifications.test.tsx.snap        | 38 +++++++++----------
 .../NotificationFooter.test.tsx.snap          | 20 +++++-----
 .../NotificationHeader.test.tsx.snap          | 12 +++---
 .../NotificationRow.test.tsx.snap             | 16 ++++----
 .../RepositoryNotifications.test.tsx.snap     | 14 +++----
 .../__snapshots__/Accounts.test.tsx.snap      | 18 ++++-----
 7 files changed, 69 insertions(+), 69 deletions(-)

diff --git a/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap b/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap
index c763d44ba..9fa484539 100644
--- a/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap
+++ b/src/renderer/components/avatars/__snapshots__/AvatarWithFallback.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -43,7 +43,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -137,7 +137,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -174,7 +174,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -264,7 +264,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
 
 exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback icon when the image fails to load (isBroken = true) - human user 1`] = `
 <div
-  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
   data-align="center"
   data-direction="horizontal"
   data-gap="condensed"
@@ -295,7 +295,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback
 
 exports[`renderer/components/avatars/AvatarWithFallback.tsx renders the fallback icon when the image fails to load (isBroken = true) - non human user 1`] = `
 <div
-  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
   data-align="center"
   data-direction="horizontal"
   data-gap="condensed"
@@ -330,7 +330,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -361,7 +361,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
@@ -449,7 +449,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
   "baseElement": <body>
     <div>
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -480,7 +480,7 @@ exports[`renderer/components/avatars/AvatarWithFallback.tsx should render avatar
   </body>,
   "container": <div>
     <div
-      class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+      class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
       data-align="center"
       data-direction="horizontal"
       data-gap="condensed"
diff --git a/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap
index 6489dfd59..7f85e8e8e 100644
--- a/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap
+++ b/src/renderer/components/notifications/__snapshots__/AccountNotifications.test.tsx.snap
@@ -36,7 +36,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -275,7 +275,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               data-component="text"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -571,7 +571,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -793,7 +793,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                   title="Open repository"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                     data-align="center"
                     data-direction="horizontal"
                     data-gap="condensed"
@@ -861,7 +861,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 title="gitify-app"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1152,7 +1152,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                   title="Open repository"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                     data-align="center"
                     data-direction="horizontal"
                     data-gap="condensed"
@@ -1215,7 +1215,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               data-wrap="wrap"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -1404,7 +1404,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               data-component="text"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -1626,7 +1626,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 title="Open repository"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1694,7 +1694,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               title="gitify-app"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -1985,7 +1985,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 title="Open repository"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -2048,7 +2048,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
             data-wrap="wrap"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -2294,7 +2294,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -2487,7 +2487,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               data-component="text"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -2737,7 +2737,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -2971,7 +2971,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should rende
               data-component="text"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -3262,7 +3262,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -3451,7 +3451,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -3644,7 +3644,7 @@ exports[`renderer/components/notifications/AccountNotifications.tsx should toggl
               data-component="text"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
diff --git a/src/renderer/components/notifications/__snapshots__/NotificationFooter.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/NotificationFooter.test.tsx.snap
index be82bab33..a958bc5de 100644
--- a/src/renderer/components/notifications/__snapshots__/NotificationFooter.test.tsx.snap
+++ b/src/renderer/components/notifications/__snapshots__/NotificationFooter.test.tsx.snap
@@ -20,7 +20,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
           title="gitify-app"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -160,7 +160,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
         title="gitify-app"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -357,7 +357,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
           title="gitify-app"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -497,7 +497,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx security alert
         title="gitify-app"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -689,7 +689,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should default
         data-wrap="wrap"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -829,7 +829,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should default
       data-wrap="wrap"
     >
       <div
-        class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+        class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
         data-align="center"
         data-direction="horizontal"
         data-gap="condensed"
@@ -1031,7 +1031,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
           title="gitify-app"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1171,7 +1171,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
         title="gitify-app"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
@@ -1368,7 +1368,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
           title="gitify-app"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -1508,7 +1508,7 @@ exports[`renderer/components/notifications/NotificationFooter.tsx should render
         title="gitify-app"
       >
         <div
-          class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+          class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
           data-align="center"
           data-direction="horizontal"
           data-gap="condensed"
diff --git a/src/renderer/components/notifications/__snapshots__/NotificationHeader.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/NotificationHeader.test.tsx.snap
index 1d2d09ffb..fcc6f0d11 100644
--- a/src/renderer/components/notifications/__snapshots__/NotificationHeader.test.tsx.snap
+++ b/src/renderer/components/notifications/__snapshots__/NotificationHeader.test.tsx.snap
@@ -23,7 +23,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
             title="Open repository"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -77,7 +77,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
           title="Open repository"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -188,7 +188,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
             title="Open repository"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -242,7 +242,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
           title="Open repository"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
@@ -353,7 +353,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
             title="Open repository"
           >
             <div
-              class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+              class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
               data-align="center"
               data-direction="horizontal"
               data-gap="condensed"
@@ -407,7 +407,7 @@ exports[`renderer/components/notifications/NotificationHeader.tsx should render
           title="Open repository"
         >
           <div
-            class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+            class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
             data-align="center"
             data-direction="horizontal"
             data-gap="condensed"
diff --git a/src/renderer/components/notifications/__snapshots__/NotificationRow.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/NotificationRow.test.tsx.snap
index 7e814826c..ffba6afb9 100644
--- a/src/renderer/components/notifications/__snapshots__/NotificationRow.test.tsx.snap
+++ b/src/renderer/components/notifications/__snapshots__/NotificationRow.test.tsx.snap
@@ -71,7 +71,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                   title="Open repository"
                 >
                   <div
-                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                    class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                     data-align="center"
                     data-direction="horizontal"
                     data-gap="condensed"
@@ -139,7 +139,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                 title="gitify-app"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -433,7 +433,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                 title="Open repository"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -501,7 +501,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
               title="gitify-app"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -869,7 +869,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                 title="gitify-app"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1180,7 +1180,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
               title="gitify-app"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -1548,7 +1548,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
                 title="gitify-app"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1859,7 +1859,7 @@ exports[`renderer/components/notifications/NotificationRow.tsx should render its
               title="gitify-app"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
diff --git a/src/renderer/components/notifications/__snapshots__/RepositoryNotifications.test.tsx.snap b/src/renderer/components/notifications/__snapshots__/RepositoryNotifications.test.tsx.snap
index 1f2ab87db..96017b519 100644
--- a/src/renderer/components/notifications/__snapshots__/RepositoryNotifications.test.tsx.snap
+++ b/src/renderer/components/notifications/__snapshots__/RepositoryNotifications.test.tsx.snap
@@ -36,7 +36,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -229,7 +229,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should re
               data-component="text"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -479,7 +479,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -671,7 +671,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -870,7 +870,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should to
               data-component="text"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
@@ -1126,7 +1126,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1325,7 +1325,7 @@ exports[`renderer/components/notifications/RepositoryNotifications.tsx should us
               data-component="text"
             >
               <div
-                class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                 data-align="center"
                 data-direction="horizontal"
                 data-gap="condensed"
diff --git a/src/renderer/routes/__snapshots__/Accounts.test.tsx.snap b/src/renderer/routes/__snapshots__/Accounts.test.tsx.snap
index 50db57dfc..d5694394c 100644
--- a/src/renderer/routes/__snapshots__/Accounts.test.tsx.snap
+++ b/src/renderer/routes/__snapshots__/Accounts.test.tsx.snap
@@ -126,7 +126,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -497,7 +497,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -868,7 +868,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should render with PA
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1390,7 +1390,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -1761,7 +1761,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -2132,7 +2132,7 @@ exports[`renderer/routes/Accounts.tsx Account interactions should set account as
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -2654,7 +2654,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -3025,7 +3025,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"
@@ -3396,7 +3396,7 @@ exports[`renderer/routes/Accounts.tsx General should render itself & its childre
                 data-component="text"
               >
                 <div
-                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY truncate"
+                  class="Stack__StyledStack-sc-x3xa2i-0 duhwY"
                   data-align="center"
                   data-direction="horizontal"
                   data-gap="condensed"