diff --git a/views/about.blade.php b/views/about.blade.php
index 78de67ce..70142e69 100644
--- a/views/about.blade.php
+++ b/views/about.blade.php
@@ -6,8 +6,8 @@
 @section('content')
 <div class="row">
 	<div class="col-xs-12 col-md-6 text-center">
-		<h1>@yield('title')</h1>
-
+		<h2 class="title">@yield('title')</h2>
+		<hr>
 		<ul class="nav nav-tabs justify-content-center mt-3">
 			<li class="nav-item">
 				<a class="nav-link active" id="system-info-tab" data-toggle="tab" href="#system-info">{{ $__t('System info') }}</a>
diff --git a/views/barcodescannertesting.blade.php b/views/barcodescannertesting.blade.php
index 31d71854..988b1f3f 100644
--- a/views/barcodescannertesting.blade.php
+++ b/views/barcodescannertesting.blade.php
@@ -11,7 +11,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/batteriesjournal.blade.php b/views/batteriesjournal.blade.php
index daee4d49..a4d3e479 100644
--- a/views/batteriesjournal.blade.php
+++ b/views/batteriesjournal.blade.php
@@ -7,7 +7,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 	</div>
 </div>
 
diff --git a/views/batteriessettings.blade.php b/views/batteriessettings.blade.php
index 2db9460b..165c8b25 100644
--- a/views/batteriessettings.blade.php
+++ b/views/batteriessettings.blade.php
@@ -7,7 +7,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/batteryform.blade.php b/views/batteryform.blade.php
index 6c834b21..ad5c8c86 100644
--- a/views/batteryform.blade.php
+++ b/views/batteryform.blade.php
@@ -11,7 +11,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/batterytracking.blade.php b/views/batterytracking.blade.php
index 4bf62653..17b7e4a0 100644
--- a/views/batterytracking.blade.php
+++ b/views/batterytracking.blade.php
@@ -7,7 +7,7 @@
 @section('content')
 <div class="row">
 	<div class="col-xs-12 col-md-6 col-xl-4 pb-3">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 		<form id="batterytracking-form" novalidate>
 
diff --git a/views/choreform.blade.php b/views/choreform.blade.php
index e924b72b..cb2730f6 100644
--- a/views/choreform.blade.php
+++ b/views/choreform.blade.php
@@ -11,7 +11,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/choresjournal.blade.php b/views/choresjournal.blade.php
index 1d838d3a..70243079 100644
--- a/views/choresjournal.blade.php
+++ b/views/choresjournal.blade.php
@@ -7,7 +7,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 	</div>
 </div>
 
diff --git a/views/choressettings.blade.php b/views/choressettings.blade.php
index cb8d98c9..4c3d8aac 100644
--- a/views/choressettings.blade.php
+++ b/views/choressettings.blade.php
@@ -7,7 +7,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/choretracking.blade.php b/views/choretracking.blade.php
index afa2273f..793c55a4 100644
--- a/views/choretracking.blade.php
+++ b/views/choretracking.blade.php
@@ -7,7 +7,7 @@
 @section('content')
 <div class="row">
 	<div class="col-xs-12 col-md-6 col-xl-4 pb-3">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 		<form id="choretracking-form" novalidate>
 
diff --git a/views/equipmentform.blade.php b/views/equipmentform.blade.php
index 5d94b18a..15bf4c8d 100644
--- a/views/equipmentform.blade.php
+++ b/views/equipmentform.blade.php
@@ -11,7 +11,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/inventory.blade.php b/views/inventory.blade.php
index 0b313f1d..ea1f885e 100644
--- a/views/inventory.blade.php
+++ b/views/inventory.blade.php
@@ -7,7 +7,7 @@
 @section('content')
 <div class="row">
 	<div class="col-xs-12 col-md-6 col-xl-4 pb-3">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 		<form id="inventory-form" novalidate>
 
diff --git a/views/locationform.blade.php b/views/locationform.blade.php
index 7a92dbd9..0e8d19b9 100644
--- a/views/locationform.blade.php
+++ b/views/locationform.blade.php
@@ -11,7 +11,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/login.blade.php b/views/login.blade.php
index f7830764..608b9d96 100644
--- a/views/login.blade.php
+++ b/views/login.blade.php
@@ -6,8 +6,8 @@
 @section('content')
 <div class="row">
 	<div class="col-lg-6 offset-lg-3 col-xs-12">
-		<h1 class="text-center">@yield('title')</h1>
-
+		<h2 class="text-center">@yield('title')</h2>
+		<hr>
 		<form method="post" action="{{ $U('/login') }}" id="login-form" novalidate>
 
 			<div class="form-group">
diff --git a/views/manageapikeys.blade.php b/views/manageapikeys.blade.php
index 6c6c85c2..b1aa3667 100644
--- a/views/manageapikeys.blade.php
+++ b/views/manageapikeys.blade.php
@@ -11,9 +11,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>
-			@yield('title')
-		</h2>
+		<h2 class="title">@yield('title')</h2>
 	</div>
 </div>
 <hr>
diff --git a/views/mealplan.blade.php b/views/mealplan.blade.php
index fa6854d0..28155463 100644
--- a/views/mealplan.blade.php
+++ b/views/mealplan.blade.php
@@ -27,9 +27,7 @@
 
 <div class="row">
 	<div class="col">
-		<h2>
-			@yield('title')
-		</h2>
+		<h2 class="title">@yield('title')</h2>
 	</div>
 </div>
 <hr>
diff --git a/views/productform.blade.php b/views/productform.blade.php
index c5758587..a55a8a07 100644
--- a/views/productform.blade.php
+++ b/views/productform.blade.php
@@ -22,7 +22,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/productgroupform.blade.php b/views/productgroupform.blade.php
index 41d997f3..caa20184 100644
--- a/views/productgroupform.blade.php
+++ b/views/productgroupform.blade.php
@@ -11,7 +11,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/quantityunitconversionform.blade.php b/views/quantityunitconversionform.blade.php
index afadcc90..4d56f414 100644
--- a/views/quantityunitconversionform.blade.php
+++ b/views/quantityunitconversionform.blade.php
@@ -11,7 +11,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/quantityunitform.blade.php b/views/quantityunitform.blade.php
index 0671612e..90f6624f 100644
--- a/views/quantityunitform.blade.php
+++ b/views/quantityunitform.blade.php
@@ -11,7 +11,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/quantityunitpluraltesting.blade.php b/views/quantityunitpluraltesting.blade.php
index f5ff7051..e59eae11 100644
--- a/views/quantityunitpluraltesting.blade.php
+++ b/views/quantityunitpluraltesting.blade.php
@@ -11,7 +11,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/recipeform.blade.php b/views/recipeform.blade.php
index c19c7c06..3a71ac30 100644
--- a/views/recipeform.blade.php
+++ b/views/recipeform.blade.php
@@ -20,7 +20,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 		<script>
 			Grocy.EditMode = '{{ $mode }}';
diff --git a/views/recipeposform.blade.php b/views/recipeposform.blade.php
index ede6cbc0..89f0fb2b 100644
--- a/views/recipeposform.blade.php
+++ b/views/recipeposform.blade.php
@@ -11,7 +11,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/recipessettings.blade.php b/views/recipessettings.blade.php
index 4ec2c4ee..915c5cbc 100644
--- a/views/recipessettings.blade.php
+++ b/views/recipessettings.blade.php
@@ -7,7 +7,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/shoppinglist.blade.php b/views/shoppinglist.blade.php
index 76b618d0..fb23c580 100644
--- a/views/shoppinglist.blade.php
+++ b/views/shoppinglist.blade.php
@@ -25,7 +25,7 @@
 <div class="row d-print-none hide-on-fullscreen-card">
 	<div class="col">
 		<div class="row">
-			<h2 class="col-sm-12 col-md-6 mb-2">@yield('title')</h2>
+			<h2 class="col-sm-12 col-md-6 mb-2 title">@yield('title')</h2>
 			@if(GROCY_FEATURE_FLAG_SHOPPINGLIST_MULTIPLE_LISTS)
 				<div class="col-sm-12 col-md-6 d-flex align-items-end flex-wrap">
 					<div class="d-inline-block flex-grow-1 pr-1 mb-1">
diff --git a/views/shoppinglistform.blade.php b/views/shoppinglistform.blade.php
index 3a7daad3..025c1d08 100644
--- a/views/shoppinglistform.blade.php
+++ b/views/shoppinglistform.blade.php
@@ -11,7 +11,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/shoppinglistitemform.blade.php b/views/shoppinglistitemform.blade.php
index 6a3ba2ad..e6254f76 100644
--- a/views/shoppinglistitemform.blade.php
+++ b/views/shoppinglistitemform.blade.php
@@ -11,7 +11,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/shoppinglistsettings.blade.php b/views/shoppinglistsettings.blade.php
index 6de40d98..75d58f81 100644
--- a/views/shoppinglistsettings.blade.php
+++ b/views/shoppinglistsettings.blade.php
@@ -7,7 +7,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/shoppinglocationform.blade.php b/views/shoppinglocationform.blade.php
index 7d4a26eb..81878c35 100644
--- a/views/shoppinglocationform.blade.php
+++ b/views/shoppinglocationform.blade.php
@@ -11,7 +11,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/stockentries.blade.php b/views/stockentries.blade.php
index a902c377..f31142d9 100644
--- a/views/stockentries.blade.php
+++ b/views/stockentries.blade.php
@@ -14,7 +14,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2> 
+		<h2 class="title">@yield('title')</h2> 
 	</div>
 	<div class="col">
 		@include('components.productpicker', array(
diff --git a/views/stockentryform.blade.php b/views/stockentryform.blade.php
index 6cc8e8b4..b9a6d2ee 100644
--- a/views/stockentryform.blade.php
+++ b/views/stockentryform.blade.php
@@ -11,7 +11,7 @@
 
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/stockjournal.blade.php b/views/stockjournal.blade.php
index ce1e73dc..d7aa3dd9 100644
--- a/views/stockjournal.blade.php
+++ b/views/stockjournal.blade.php
@@ -7,7 +7,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 	</div>
 </div>
 
diff --git a/views/stocksettings.blade.php b/views/stocksettings.blade.php
index dfe03cd2..a0b3045b 100644
--- a/views/stocksettings.blade.php
+++ b/views/stocksettings.blade.php
@@ -7,7 +7,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/taskcategoryform.blade.php b/views/taskcategoryform.blade.php
index 5bd807de..c14fe59a 100644
--- a/views/taskcategoryform.blade.php
+++ b/views/taskcategoryform.blade.php
@@ -11,7 +11,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/taskform.blade.php b/views/taskform.blade.php
index 8c0da2fc..0aa12d76 100644
--- a/views/taskform.blade.php
+++ b/views/taskform.blade.php
@@ -11,7 +11,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/tasks.blade.php b/views/tasks.blade.php
index 7b10dabb..592339d2 100644
--- a/views/tasks.blade.php
+++ b/views/tasks.blade.php
@@ -17,7 +17,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 		<p id="info-due-tasks" data-status-filter="duesoon" data-next-x-days="{{ $nextXDays }}" class="warning-message status-filter-message responsive-button mr-2"></p>
 		<p id="info-overdue-tasks" data-status-filter="overdue" class="error-message status-filter-message responsive-button"></p>
diff --git a/views/taskssettings.blade.php b/views/taskssettings.blade.php
index 989a3165..db949c8b 100644
--- a/views/taskssettings.blade.php
+++ b/views/taskssettings.blade.php
@@ -7,7 +7,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/transfer.blade.php b/views/transfer.blade.php
index 4dfef6f9..f679dc7c 100644
--- a/views/transfer.blade.php
+++ b/views/transfer.blade.php
@@ -7,7 +7,7 @@
 @section('content')
 <div class="row">
 	<div class="col-xs-12 col-md-6 col-xl-4 pb-3">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 
 		<form id="transfer-form" novalidate>
diff --git a/views/userentities.blade.php b/views/userentities.blade.php
index 46e58f3e..56cbc689 100644
--- a/views/userentities.blade.php
+++ b/views/userentities.blade.php
@@ -7,7 +7,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 	</div>
 </div>
 <hr>
diff --git a/views/userentityform.blade.php b/views/userentityform.blade.php
index ac71c24f..fac0f5da 100644
--- a/views/userentityform.blade.php
+++ b/views/userentityform.blade.php
@@ -11,7 +11,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/userfieldform.blade.php b/views/userfieldform.blade.php
index a414a362..731be7e2 100644
--- a/views/userfieldform.blade.php
+++ b/views/userfieldform.blade.php
@@ -11,7 +11,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/userfields.blade.php b/views/userfields.blade.php
index 19a33e12..108ca78f 100644
--- a/views/userfields.blade.php
+++ b/views/userfields.blade.php
@@ -7,7 +7,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2h2 class="title">@yield('title')</h2h2>
 	</div>
 </div>
 <hr>
diff --git a/views/userform.blade.php b/views/userform.blade.php
index 1b7d6b6e..7f732843 100644
--- a/views/userform.blade.php
+++ b/views/userform.blade.php
@@ -11,7 +11,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/userobjectform.blade.php b/views/userobjectform.blade.php
index e49020d4..a3c75b35 100644
--- a/views/userobjectform.blade.php
+++ b/views/userobjectform.blade.php
@@ -11,7 +11,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>@yield('title')</h2>
+		<h2 class="title">@yield('title')</h2>
 		<hr>
 	</div>
 </div>
diff --git a/views/users.blade.php b/views/users.blade.php
index f1077610..e2688ef6 100644
--- a/views/users.blade.php
+++ b/views/users.blade.php
@@ -7,9 +7,7 @@
 @section('content')
 <div class="row">
 	<div class="col">
-		<h2>
-			@yield('title')
-		</h2>
+		<h2 class="title">@yield('title')</h2>
 	</div>
 </div>
 <hr>