diff --git a/resources/js/pages/settings/accounts.tsx b/resources/js/pages/settings/accounts.tsx
index 45da4f34..e2dd356d 100644
--- a/resources/js/pages/settings/accounts.tsx
+++ b/resources/js/pages/settings/accounts.tsx
@@ -314,7 +314,7 @@ export default function Accounts({ accounts }: AccountsPageProps) {
                     />
 
                     <div className="space-y-4">
-                        <div className="flex items-center justify-between">
+                        <div className="flex items-center justify-between gap-4">
                             <Input
                                 placeholder={__('Filter accounts...')}
                                 value={
diff --git a/resources/js/pages/settings/categories.tsx b/resources/js/pages/settings/categories.tsx
index dd08c5fe..55910f04 100644
--- a/resources/js/pages/settings/categories.tsx
+++ b/resources/js/pages/settings/categories.tsx
@@ -294,7 +294,7 @@ export default function Categories() {
                     />
 
                     <div className="space-y-4">
-                        <div className="flex items-center justify-between">
+                        <div className="flex items-center justify-between gap-4">
                             <Input
                                 placeholder={__('Filter categories...')}
                                 value={
diff --git a/resources/js/pages/settings/connections.tsx b/resources/js/pages/settings/connections.tsx
index abb623dc..86edb64d 100644
--- a/resources/js/pages/settings/connections.tsx
+++ b/resources/js/pages/settings/connections.tsx
@@ -82,7 +82,7 @@ export default function ConnectionsPage({ connections }: Props) {
 
             <SettingsLayout>
                 <div className="space-y-6">
-                    <div className="flex items-center justify-between">
+                    <div className="flex items-center justify-between gap-4">
                         <div>
                             <h3 className="text-lg font-medium">
                                 {__('Bank Connections')}
diff --git a/resources/js/pages/settings/labels.tsx b/resources/js/pages/settings/labels.tsx
index 4a88438d..8fcf0124 100644
--- a/resources/js/pages/settings/labels.tsx
+++ b/resources/js/pages/settings/labels.tsx
@@ -252,7 +252,7 @@ export default function Labels() {
                     />
 
                     <div className="space-y-4">
-                        <div className="flex items-center justify-between">
+                        <div className="flex items-center justify-between gap-4">
                             <Input
                                 placeholder={__('Filter labels...')}
                                 value={
diff --git a/screenshots/settings-accounts-mobile.png b/screenshots/settings-accounts-mobile.png
new file mode 100644
index 00000000..7515505a
Binary files /dev/null and b/screenshots/settings-accounts-mobile.png differ
diff --git a/screenshots/settings-categories-mobile.png b/screenshots/settings-categories-mobile.png
new file mode 100644
index 00000000..ea23b273
Binary files /dev/null and b/screenshots/settings-categories-mobile.png differ
diff --git a/screenshots/settings-connections-mobile.png b/screenshots/settings-connections-mobile.png
new file mode 100644
index 00000000..79c3b94c
Binary files /dev/null and b/screenshots/settings-connections-mobile.png differ
diff --git a/screenshots/settings-labels-mobile.png b/screenshots/settings-labels-mobile.png
new file mode 100644
index 00000000..36a063be
Binary files /dev/null and b/screenshots/settings-labels-mobile.png differ