diff --git a/resources/js/pages/Accounts/Index.tsx b/resources/js/pages/Accounts/Index.tsx
index e176913e..4c190b5b 100644
--- a/resources/js/pages/Accounts/Index.tsx
+++ b/resources/js/pages/Accounts/Index.tsx
@@ -99,7 +99,7 @@ export default function AccountsIndex({ accounts, accountMetrics }: Props) {
             <Head title={__('Accounts')} />
 
             <div className="space-y-8 p-6">
-                <div className="flex items-center justify-between">
+                <div className="flex items-center justify-between gap-2">
                     <HeadingSmall
                         title={__('Accounts')}
                         description={__('View and manage your bank accounts')}
diff --git a/resources/js/pages/budgets/index.tsx b/resources/js/pages/budgets/index.tsx
index 014e7ec8..e2cf869b 100644
--- a/resources/js/pages/budgets/index.tsx
+++ b/resources/js/pages/budgets/index.tsx
@@ -27,7 +27,7 @@ export default function BudgetsIndex({ budgets, currencyCode }: Props) {
             <Head title={__('Budgets')} />
 
             <div className="space-y-8 p-6">
-                <div className="flex items-center justify-between">
+                <div className="flex items-center justify-between gap-2">
                     <HeadingSmall
                         title={__('Budgets')}
                         description={__(
