From be0f087f528e3666f9cbb0765d666a2546c4d657 Mon Sep 17 00:00:00 2001
From: Charlie Park <charlie@oxidecomputer.com>
Date: Wed, 17 Jul 2024 17:03:16 -0400
Subject: [PATCH] Remove truncation on topbar dropdown (#2329)

---
 app/components/TopBarPicker.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/app/components/TopBarPicker.tsx b/app/components/TopBarPicker.tsx
index 747786dfeb..48ecfa4073 100644
--- a/app/components/TopBarPicker.tsx
+++ b/app/components/TopBarPicker.tsx
@@ -21,7 +21,6 @@ import { PAGE_SIZE } from '~/table/QueryTable'
 import { Button } from '~/ui/lib/Button'
 import { DropdownMenu } from '~/ui/lib/DropdownMenu'
 import { Identicon } from '~/ui/lib/Identicon'
-import { Truncate } from '~/ui/lib/Truncate'
 import { Wrap } from '~/ui/util/wrap'
 import { pb } from '~/util/path-builder'
 
@@ -118,8 +117,8 @@ const TopBarPicker = (props: TopBarPickerProps) => {
                 return (
                   <DropdownMenu.Item asChild key={label}>
                     <Link to={to} className={cn({ 'is-selected': isSelected })}>
-                      <span className="flex w-full items-center justify-between">
-                        <Truncate text={label} maxLength={24} />
+                      <span className="flex w-full items-center gap-2">
+                        {label}
                         {isSelected && <Success12Icon className="-mr-3 block" />}
                       </span>
                     </Link>