diff --git a/resources/views/livewire/cities/index.blade.php b/resources/views/livewire/cities/index.blade.php
index c4401fb..e1cd10f 100644
--- a/resources/views/livewire/cities/index.blade.php
+++ b/resources/views/livewire/cities/index.blade.php
@@ -29,9 +29,9 @@ new class extends Component {
 }; ?>
 
 <div>
-    <div class="flex items-center justify-between mb-6">
+    <div class="flex items-center justify-between flex-col md:flex-row mb-6">
         <flux:heading size="xl">{{ __('Cities') }}</flux:heading>
-        <div class="flex items-center gap-4">
+        <div class="flex items-center flex-col md:flex-row gap-4">
             <flux:input
                 wire:model.live="search"
                 :placeholder="__('Search cities...')"
diff --git a/resources/views/livewire/courses/index.blade.php b/resources/views/livewire/courses/index.blade.php
index 6514030..5d08328 100644
--- a/resources/views/livewire/courses/index.blade.php
+++ b/resources/views/livewire/courses/index.blade.php
@@ -34,9 +34,9 @@ new class extends Component {
 }; ?>
 
 <div>
-    <div class="flex items-center justify-between">
+    <div class="flex items-center justify-between flex-col md:flex-row">
         <flux:heading size="xl">{{ __('Kurse') }}</flux:heading>
-        <div class="flex items-center gap-4">
+        <div class="flex items-center flex-col md:flex-row gap-4">
             <div>
                 <flux:input
                     wire:model.live="search"
diff --git a/resources/views/livewire/lecturers/index.blade.php b/resources/views/livewire/lecturers/index.blade.php
index 3deded4..125af00 100644
--- a/resources/views/livewire/lecturers/index.blade.php
+++ b/resources/views/livewire/lecturers/index.blade.php
@@ -38,9 +38,9 @@ new class extends Component {
 }; ?>
 
 <div>
-    <div class="flex items-center justify-between mb-6">
+    <div class="flex items-center justify-between flex-col md:flex-row mb-6">
         <flux:heading size="xl">{{ __('Dozenten') }}</flux:heading>
-        <div class="flex items-center gap-4">
+        <div class="flex items-center flex-col md:flex-row gap-4">
             <flux:input
                 wire:model.live="search"
                 :placeholder="__('Suche nach Dozenten...')"
diff --git a/resources/views/livewire/meetups/index.blade.php b/resources/views/livewire/meetups/index.blade.php
index 8640d43..4530963 100644
--- a/resources/views/livewire/meetups/index.blade.php
+++ b/resources/views/livewire/meetups/index.blade.php
@@ -40,9 +40,9 @@ new class extends Component {
 }; ?>
 
 <div>
-    <div class="flex items-center justify-between mb-6">
+    <div class="flex items-center justify-between flex-col md:flex-row mb-6">
         <flux:heading size="xl">{{ __('Meetups') }}</flux:heading>
-        <div class="flex items-center gap-4">
+        <div class="flex flex-col md:flex-row items-center gap-4">
             <flux:button class="cursor-pointer" x-copy-to-clipboard="'{{ route('ics') }}'" icon="calendar-date-range">{{ __('Kalender-Stream-URL kopieren') }}</flux:button>
             <flux:input
                 wire:model.live="search"
diff --git a/resources/views/livewire/venues/index.blade.php b/resources/views/livewire/venues/index.blade.php
index dfea84f..132a2a5 100644
--- a/resources/views/livewire/venues/index.blade.php
+++ b/resources/views/livewire/venues/index.blade.php
@@ -29,9 +29,9 @@ new class extends Component {
 }; ?>
 
 <div>
-    <div class="flex items-center justify-between mb-6">
+    <div class="flex items-center justify-between flex-col md:flex-row mb-6">
         <flux:heading size="xl">{{ __('Venues') }}</flux:heading>
-        <div class="flex items-center gap-4">
+        <div class="flex items-center flex-col md:flex-row gap-4">
             <flux:input
                 wire:model.live="search"
                 :placeholder="__('Search venues...')"