diff --git a/apps/web/src/components/layouts/AppLayout/Header/Rewards/index.tsx b/apps/web/src/components/layouts/AppLayout/Header/Rewards/index.tsx
index 6b7be0b96..88280374a 100644
--- 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
index a2b3e6c17..445aad3a2 100644
--- 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 />