diff --git a/resources/views/invoice/index.blade.php b/resources/views/invoice/index.blade.php
index 9dd15d4..bf74872 100644
--- a/resources/views/invoice/index.blade.php
+++ b/resources/views/invoice/index.blade.php
@@ -36,7 +36,7 @@
                             <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
                                 {{ __('invoice.Existing invoices') }}
                             </h2>
-                            <div class="flex flex-row space-x-4 items-center">
+                            <div class="flex flex-row space-x-4 items-center mt-4">
                                 <x-input-label for="from" :value="__('invoice.From')"/>
                                 <x-text-input type="date" id="from" name="from" x-model="from" x-on:change="fetchInvoices()"/>
                                 <x-input-label for="end" :value="__('invoice.End')"/>
diff --git a/resources/views/payment/index.blade.php b/resources/views/payment/index.blade.php
index 99df476..42cf434 100644
--- a/resources/views/payment/index.blade.php
+++ b/resources/views/payment/index.blade.php
@@ -35,7 +35,7 @@
                             <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
                                 {{ __('invoice.Existing payments') }}
                             </h2>
-                            <div class="flex flex-row space-x-4 items-center">
+                            <div class="flex flex-row space-x-4 items-center mt-4">
                                 <x-input-label for="from" :value="__('invoice.From')"/>
                                 <x-text-input type="date" id="from" name="from" x-model="from" x-on:change="fetchPayments()"/>
                                 <x-input-label for="end" :value="__('invoice.End')"/>