diff --git a/views/about.blade.php b/views/about.blade.php
index b9cfe19d..0de8e253 100644
--- a/views/about.blade.php
+++ b/views/about.blade.php
@@ -37,7 +37,7 @@
 							</tr>
 							<tr>
 								<td class="text-right">{{ $__t('Released on') }}</td>
-								<td><code>{{ $versionInfo->ReleaseDate }}</code> <time class="timeago timeago-contextual"
+								<td><code>{{ $versionInfo->ReleaseDate }}</code> <time class="timeago timeago-contextual text-muted"
 										datetime="{{ $versionInfo->ReleaseDate }}"></time></td>
 							</tr>
 							<tr>
@@ -79,7 +79,7 @@
 							href="#">
 							Version <span class="font-weight-bold">{{ $changelogItem['version'] }}</span><br>
 							{{ $__t('Released on') }} <span class="font-weight-bold">{{ $changelogItem['release_date'] }}</span>
-							<time class="timeago timeago-contextual"
+							<time class="timeago timeago-contextual text-muted"
 								datetime="{{ $changelogItem['release_date'] }}"></time>
 						</a>
 					</div>
diff --git a/views/recipes.blade.php b/views/recipes.blade.php
index 3327d385..fefb9edd 100644
--- a/views/recipes.blade.php
+++ b/views/recipes.blade.php
@@ -66,7 +66,7 @@
 
 		<div class="row collapse d-md-flex"
 			id="table-filter-row">
-			<div class="col-12 col-md-5 col-xl-5">
+			<div class="col-12 col-md-5">
 				<div class="input-group">
 					<div class="input-group-prepend">
 						<span class="input-group-text"><i class="fa-solid fa-search"></i></span>
@@ -78,7 +78,7 @@
 				</div>
 			</div>
 
-			<div class="col-12 col-md-5 col-xl-5">
+			<div class="col-12 col-md-5">
 				<div class="input-group">
 					<div class="input-group-prepend">
 						<span class="input-group-text"><i class="fa-solid fa-filter"></i>&nbsp;{{ $__t('Status') }}</span>
diff --git a/views/shoppinglist.blade.php b/views/shoppinglist.blade.php
index 2dc318d5..b6a97d8f 100644
--- a/views/shoppinglist.blade.php
+++ b/views/shoppinglist.blade.php
@@ -147,7 +147,7 @@
 
 <div class="row collapse d-md-flex d-print-none hide-on-fullscreen-card"
 	id="table-filter-row">
-	<div class="col-12 col-md-5">
+	<div class="col-12 col-md-6 col-xl-3">
 		<div class="input-group">
 			<div class="input-group-prepend">
 				<span class="input-group-text"><i class="fa-solid fa-search"></i></span>
@@ -158,7 +158,7 @@
 				placeholder="{{ $__t('Search') }}">
 		</div>
 	</div>
-	<div class="col-12 col-md-4 col-lg-5">
+	<div class="col-12 col-md-6 col-xl-3">
 		<div class="input-group">
 			<div class="input-group-prepend">
 				<span class="input-group-text"><i class="fa-solid fa-filter"></i>&nbsp;{{ $__t('Status') }}</span>