minor: nowrap the rewards button

latitude-dev · Oct 1, 2024 · a8f513d · a8f513d
1 parent 0025259
commit a8f513d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/apps/web/src/components/layouts/AppLayout/Header/Rewards/index.tsx b/apps/web/src/components/layouts/AppLayout/Header/Rewards/index.tsx
@@ -7,7 +7,9 @@ export function RewardsButton() {
     <Popover.Root>
       <Popover.Trigger asChild>
         <Button size='small' variant='shiny'>
-          <Text.H6 color='primary'>Get rewards!</Text.H6>
+          <Text.H6 color='primary' noWrap ellipsis>
+            Get rewards!
+          </Text.H6>
         </Button>
       </Popover.Trigger>
       <Popover.Content

diff --git a/apps/web/src/components/layouts/AppLayout/Header/index.tsx b/apps/web/src/components/layouts/AppLayout/Header/index.tsx
@@ -111,7 +111,7 @@ export default function AppHeader({
     <header className='px-6 sticky top-0 flex flex-col bg-background-gray border-b border-b-border'>
       <div className='py-3 flex flex-row items-center justify-between'>
         <Breadcrumb showLogo breadcrumbs={breadcrumbs} />
-        <div className='flex flex-row items-center gap-x-6'>
+        <div className='flex flex-row items-center gap-x-6 pl-6'>
           <nav className='flex flex-row gap-x-4 items-center'>
             <RewardsButton />
             <UsageIndicator />