diff --git a/src/Views/Home/Assets.cshtml b/src/Views/Home/Assets.cshtml
index d83ec7b..3cf82bf 100644
--- a/src/Views/Home/Assets.cshtml
+++ b/src/Views/Home/Assets.cshtml
@@ -79,7 +79,7 @@
     <div class="modal-dialog modal-dialog-centered">
         <div class="modal-content">
             <div class="modal-header bg-danger text-white">
-                <h5 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h5>
+                <h3 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h3>
                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body">
@@ -160,7 +160,7 @@
     <div class="modal-dialog modal-lg modal-dialog-centered">
         <div class="modal-content">
             <div class="modal-header bg-primary text-white">
-                <h5 class="modal-title" id="createAssetModalLabel">@T["Create asset"]</h5>
+                <h3 class="modal-title" id="createAssetModalLabel">@T["Create asset"]</h3>
                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
 
@@ -193,7 +193,7 @@
                         <hr class="my-3" />
 
                         <!-- Description Section -->
-                        <h6 class="fw-bold">@T["Description"]</h6>
+                        <h4 class="fw-bold">@T["Description"]</h4>
                         <div class="col-md-6">
                             <label class="form-label">@T["Type"]</label>
                             <input type="text" class="form-control" name="Description.Type" />
@@ -211,7 +211,7 @@
                         <!-- Attributes Section -->
                         <div class="col-12 mt-3">
                             <div class="d-flex justify-content-between align-items-center mb-2">
-                                <h6 class="fw-bold mb-0">@T["Attributes"]</h6>
+                                <h4 class="fw-bold mb-0">@T["Attributes"]</h4>
                             </div>
                             <div id="attributesContainer" class="d-flex flex-column gap-2">
                                 <!-- Dynamic attribute rows will appear here -->
@@ -224,7 +224,7 @@
                         <hr class="my-3" />
 
                         <!-- Purchase Info -->
-                        <h6 class="fw-bold">@T["Purchase Information"]</h6>
+                        <h4 class="fw-bold">@T["Purchase Information"]</h4>
                         <div class="col-md-6">
                             <label class="form-label">@T["Purchase Date"]</label>
                             <input type="date" class="form-control" name="Description.Purchase.PurchaseDate" />
@@ -387,7 +387,7 @@
     <div class="modal-dialog modal-lg modal-dialog-centered">
         <div class="modal-content">
             <div class="modal-header bg-warning text-dark">
-                <h5 class="modal-title" id="updateAssetModalLabel">@T["Update Asset"]</h5>
+                <h3 class="modal-title" id="updateAssetModalLabel">@T["Update Asset"]</h3>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
 
@@ -418,7 +418,7 @@
 
                         <hr class="my-3" />
 
-                        <h6 class="fw-bold">@T["Description"]</h6>
+                        <h4 class="fw-bold">@T["Description"]</h4>
                         <div class="col-md-6">
                             <label class="form-label">@T["Type"]</label>
                             <input type="text" class="form-control" name="Description.Type" />
@@ -434,7 +434,7 @@
 
                         <div class="col-12 mt-3">
                             <div class="d-flex justify-content-between align-items-center mb-2">
-                                <h6 class="fw-bold mb-0">@T["Attributes"]</h6>
+                                <h4 class="fw-bold mb-0">@T["Attributes"]</h4>
                             </div>
                             <div id="updateAttributesContainer" class="d-flex flex-column gap-2"></div>
                             <button type="button" class="btn btn-sm btn-primary mt-3" id="updateAddAttributeBtn">
@@ -444,7 +444,7 @@
 
                         <hr class="my-3" />
 
-                        <h6 class="fw-bold">@T["Purchase Information"]</h6>
+                        <h4 class="fw-bold">@T["Purchase Information"]</h4>
                         <div class="col-md-6">
                             <label class="form-label">@T["Purchase Date"]</label>
                             <input type="date" class="form-control" name="Description.Purchase.PurchaseDate" />
@@ -621,7 +621,7 @@ document.addEventListener('DOMContentLoaded', () => {
     <div class="modal-dialog modal-lg modal-dialog-centered">
         <div class="modal-content">
             <div class="modal-header bg-info text-white">
-                <h5 class="modal-title" id="viewAssetModalLabel">@T["Asset Details"]</h5>
+                <h3 class="modal-title" id="viewAssetModalLabel">@T["Asset Details"]</h3>
                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
 
@@ -683,7 +683,7 @@ function registerRowDetailviewClick(row) {
 
             const html = `
                 <div class="row g-3">
-                    <h6 class="fw-bold">@T["Barcode"]</h6>
+                    <h4 class="fw-bold">@T["Barcode"]</h4>
                     <div class="col-md-6">
                         <svg id="@barcodeType" class="form-control" name="Barcode" />
                     </div>
@@ -694,7 +694,7 @@ function registerRowDetailviewClick(row) {
                 </div>
                 <hr class="my-3" />
                 <div class="row g-3">
-                    <h6 class="fw-bold">@T["Inventory"]</h6>
+                    <h4 class="fw-bold">@T["Inventory"]</h4>
                     <div class="col-md-6">
                         <label class="form-label">@T["Name"]</label>
                         <input type="text" class="form-control" name="Name" value="${asset.Description.Inventory.PersonUid || ''}" disabled />
@@ -706,7 +706,7 @@ function registerRowDetailviewClick(row) {
                 </div>
                 <hr class="my-3" />
                 <div class="row g-3">
-                    <h6 class="fw-bold">@T["Information"]</h6>
+                    <h4 class="fw-bold">@T["Information"]</h4>
                     <div class="col-md-6">
                         <label class="form-label">@T["Name"]</label>
                         <input type="text" class="form-control" name="Name" value="${asset.Name || ''}" disabled />
@@ -726,7 +726,7 @@ function registerRowDetailviewClick(row) {
                 </div>
                 <hr class="my-3" />
                 <div class="row g-3">
-                    <h6 class="fw-bold">@T["Description"]</h6>
+                    <h4 class="fw-bold">@T["Description"]</h4>
                     <div class="col-md-6">
                         <label class="form-label">@T["Type"]</label>
                         <input type="text" class="form-control" name="Description.Type" value="${asset.Description?.Type || ''}" disabled />
@@ -743,7 +743,7 @@ function registerRowDetailviewClick(row) {
                 ${asset.Description?.Attributes ? `
                 <hr class="my-3" />
                 <div class="row g-3">
-                    <h6 class="fw-bold">@T["Attributes"]</h6>
+                    <h4 class="fw-bold">@T["Attributes"]</h4>
                         ${Object.entries(asset.Description.Attributes)
                             .map(([k,v]) => `
                             <div class="d-flex gap-2 align-items-center attribute-row">
@@ -756,7 +756,7 @@ function registerRowDetailviewClick(row) {
                 ${asset.Description?.Purchase ? `
                 <hr class="my-3" />
                 <div class="row g-3">
-                    <h6 class="fw-bold">@T["Purchase Information"]</h6>
+                    <h4 class="fw-bold">@T["Purchase Information"]</h4>
                     <div class="col-md-6">
                         <label class="form-label">@T["Purchase Date"]</label>
                         <input type="date" class="form-control" name="Description.Purchase.PurchaseDate" value="${asset.Description.Purchase.PurchaseDate || ''}" disabled />
diff --git a/src/Views/Home/Groups.cshtml b/src/Views/Home/Groups.cshtml
index 4ebf619..f3e70ee 100644
--- a/src/Views/Home/Groups.cshtml
+++ b/src/Views/Home/Groups.cshtml
@@ -74,7 +74,7 @@
     <div class="modal-dialog modal-dialog-centered">
         <div class="modal-content">
             <div class="modal-header bg-danger text-white">
-                <h5 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h5>
+                <h3 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h3>
                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body">
@@ -162,7 +162,7 @@
     <div class="modal-dialog modal-lg modal-dialog-centered">
         <div class="modal-content">
             <div class="modal-header bg-primary text-white">
-                <h5 class="modal-title" id="createGroupModalLabel">@T["Create group"]</h5>
+                <h3 class="modal-title" id="createGroupModalLabel">@T["Create group"]</h3>
                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
 
@@ -319,7 +319,7 @@
     <div class="modal-dialog modal-lg modal-dialog-centered">
         <div class="modal-content">
             <div class="modal-header bg-warning text-dark">
-                <h5 class="modal-title" id="updateGroupModalLabel">@T["Update Group"]</h5>
+                <h3 class="modal-title" id="updateGroupModalLabel">@T["Update Group"]</h3>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
 
diff --git a/src/Views/Home/Inventory.cshtml b/src/Views/Home/Inventory.cshtml
index e320e1a..e9b8381 100644
--- a/src/Views/Home/Inventory.cshtml
+++ b/src/Views/Home/Inventory.cshtml
@@ -34,7 +34,7 @@
     <div class="modal-dialog modal-lg modal-dialog-centered">
         <div class="modal-content">
             <div class="modal-header bg-info text-white">
-                <h5 class="modal-title text-dark" id="viewAssetModalLabel">@T["Asset Details"]</h5>
+                <h3 class="modal-title text-dark" id="viewAssetModalLabel">@T["Asset Details"]</h3>
                 <button type="button" class="btn-close btn-close-white" style="filter: invert(0);" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
 
@@ -132,7 +132,7 @@
 
                 const html = `
                     <div class="row g-3">
-                        <h6 class="fw-bold">@T["Barcode"]</h6>
+                        <h4 class="fw-bold">@T["Barcode"]</h4>
                         <div class="col-md-6">
                             <svg id="@barcodeType" class="form-control" name="Barcode" />
                         </div>
@@ -161,7 +161,7 @@
                     </div>
                     <hr class="my-3" />
                     <div class="row g-3">
-                        <h6 class="fw-bold">@T["Description"]</h6>
+                        <h4 class="fw-bold">@T["Description"]</h4>
                         <div class="col-md-6">
                             <label class="form-label" for="detailType">@T["Type"]</label>
                             <input type="text" class="form-control" id="detailType" name="Description.Type" value="${asset.Description?.Type || ''}" disabled />
@@ -178,7 +178,7 @@
                     ${asset.Description?.Attributes ? `
                     <hr class="my-3" />
                     <div class="row g-3">
-                        <h6 class="fw-bold">@T["Attributes"]</h6>
+                        <h4 class="fw-bold">@T["Attributes"]</h4>
                             ${Object.entries(asset.Description.Attributes)
                                 .map(([k,v]) => `
                                 <div class="d-flex gap-2 align-items-center attribute-row">
@@ -191,7 +191,7 @@
                     ${asset.Description?.Purchase ? `
                     <hr class="my-3" />
                     <div class="row g-3">
-                        <h6 class="fw-bold">@T["Purchase Information"]</h6>
+                        <h4 class="fw-bold">@T["Purchase Information"]</h4>
                         <div class="col-md-6">
                             <label class="form-label" for="detailPurchaseDate">@T["Purchase Date"]</label>
                             <input type="date" class="form-control" id="detailPurchaseDate" name="Description.Purchase.PurchaseDate" value="${asset.Description.Purchase.PurchaseDate || ''}" disabled />
@@ -337,7 +337,7 @@
     <div class="modal-dialog modal-lg modal-dialog-centered">
         <div class="modal-content">
             <div class="modal-header bg-warning text-dark">
-                <h5 class="modal-title" id="updateAssetModalLabel">@T["Update Asset"]</h5>
+                <h3 class="modal-title" id="updateAssetModalLabel">@T["Update Asset"]</h3>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" style="filter: invert(0);" aria-label="Close"></button>
             </div>
 
@@ -370,7 +370,7 @@
 
                         <hr class="my-3" />
 
-                        <h6 class="fw-bold">@T["Description"]</h6>
+                        <h4 class="fw-bold">@T["Description"]</h4>
                         <div class="col-md-6">
                             <label class="form-label" for="updateType">@T["Type"]</label>
                             <input type="text" class="form-control" id="updateType" name="Description.Type" />
@@ -386,7 +386,7 @@
 
                         <div class="col-12 mt-3">
                             <div class="d-flex justify-content-between align-items-center mb-2">
-                                <h6 class="fw-bold mb-0">@T["Attributes"]</h6>
+                                <h4 class="fw-bold mb-0">@T["Attributes"]</h4>
                             </div>
                             <div id="updateAttributesContainer" class="d-flex flex-column gap-2"></div>
                             <button type="button" class="btn btn-sm btn-primary mt-3" id="updateAddAttributeBtn">
@@ -396,7 +396,7 @@
 
                         <hr class="my-3" />
 
-                        <h6 class="fw-bold">@T["Purchase Information"]</h6>
+                        <h4 class="fw-bold">@T["Purchase Information"]</h4>
                         <div class="col-md-6">
                             <label class="form-label" for="updatePurchaseDate">@T["Purchase Date"]</label>
                             <input type="date" class="form-control" id="updatePurchaseDate" name="Description.Purchase.PurchaseDate" />
diff --git a/src/Views/Home/Locations.cshtml b/src/Views/Home/Locations.cshtml
index 7805f4e..fb389b2 100644
--- a/src/Views/Home/Locations.cshtml
+++ b/src/Views/Home/Locations.cshtml
@@ -76,7 +76,7 @@
     <div class="modal-dialog modal-dialog-centered">
         <div class="modal-content">
             <div class="modal-header bg-danger text-white">
-                <h5 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h5>
+                <h3 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h3>
                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body">
@@ -157,7 +157,7 @@
     <div class="modal-dialog modal-dialog-centered">
         <div class="modal-content">
             <div class="modal-header bg-warning text-dark">
-                <h5 class="modal-title" id="editModalLabel">@T["Edit Location"]</h5>
+                <h3 class="modal-title" id="editModalLabel">@T["Edit Location"]</h3>
                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <form id="editForm">
@@ -269,7 +269,7 @@
     <div class="modal-dialog modal-dialog-centered">
         <div class="modal-content">
             <div class="modal-header bg-primary text-white">
-                <h5 class="modal-title" id="createModalLabel">@T["Create location"]</h5>
+                <h3 class="modal-title" id="createModalLabel">@T["Create location"]</h3>
                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <form id="createForm">
diff --git a/src/Views/Home/Users.cshtml b/src/Views/Home/Users.cshtml
index a163eb6..bdbc328 100644
--- a/src/Views/Home/Users.cshtml
+++ b/src/Views/Home/Users.cshtml
@@ -86,7 +86,7 @@
     <div class="modal-dialog modal-dialog-centered">
         <div class="modal-content">
             <div class="modal-header bg-danger text-white">
-                <h5 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h5>
+                <h3 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h3>
                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body">
@@ -162,7 +162,7 @@
     <div class="modal-dialog modal-dialog-centered modal-lg">
         <div class="modal-content">
             <div class="modal-header bg-warning text-dark">
-                <h5 class="modal-title" id="updateModalLabel">@T["Update User"]</h5>
+                <h3 class="modal-title" id="updateModalLabel">@T["Update User"]</h3>
                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
             </div>
             <div class="modal-body">
@@ -170,7 +170,7 @@
                     <input type="hidden" id="updateUid" name="Uid" />
 
                     <div class="row g-3">
-                        <h6 class="fw-bold">@T["Personal information"]</h6>
+                        <h4 class="fw-bold">@T["Personal information"]</h4>
                         <div class="col-md-6">
                             <label class="form-label">@T["Title"]</label>
                             <input type="text" id="updateTitle" name="Title" class="form-control" />
@@ -200,7 +200,7 @@
                             <input type="text" id="updateAddressStreetNr" name="Description.Address.StreetNr" class="form-control" />
                         </div>
                         <hr class="my-3">
-                        <h6 class="fw-bold">@T["Workplace & account"]</h6>
+                        <h4 class="fw-bold">@T["Workplace & account"]</h4>
                         <div class="col-md-6">
                             <label class="form-label">@T["Workplace"]</label>
                             <select class="form-select" id="updateWorkplace" name="Description.Workplace">
@@ -448,13 +448,13 @@
     <div class="modal-dialog modal-dialog-centered modal-lg">
         <div class="modal-content">
             <div class="modal-header bg-primary text-white">
-                <h5 class="modal-title" id="createModalLabel">@T["Create User"]</h5>
+                <h3 class="modal-title" id="createModalLabel">@T["Create user"]</h3>
                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
             </div>
             <div class="modal-body">
                 <form id="createForm">
                     <div class="row g-3">
-                        <h6 class="fw-bold">@T["Personal information"]</h6>
+                        <h4 class="fw-bold">@T["Personal information"]</h4>
                         <div class="col-md-6">
                             <label class="form-label">@T["Title"]</label>
                             <input type="text" name="Title" class="form-control" />
@@ -484,7 +484,7 @@
                             <input type="text" name="Description.Address.StreetNr" class="form-control" />
                         </div>
                         <hr class="my-3">
-                        <h6 class="fw-bold">@T["Workplace & account"]</h6>
+                        <h4 class="fw-bold">@T["Workplace & account"]</h4>
                         <div class="col-md-6">
                             <label class="form-label">@T["Workplace"]</label>
                             <select class="form-select" name="Description.Workplace">
@@ -653,7 +653,7 @@
     <div class="modal-dialog modal-dialog-centered modal-lg">
         <div class="modal-content">
             <div class="modal-header bg-info text-white">
-                <h5 class="modal-title" id="detailModalLabel">@T["User Details"]</h5>
+                <h3 class="modal-title" id="detailModalLabel">@T["User Details"]</h3>
                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
             </div>
             <div class="modal-body">
@@ -682,7 +682,7 @@
                         <input type="text" class="form-control" id="detailBirthdate" value="" disabled />
                     </div>
                     <hr class="my-3">
-                    <h6 class="fw-bold">@T["Address"]</h6>
+                    <h4 class="fw-bold">@T["Address"]</h4>
                     <div class="col-md-4">
                         <label class="form-label">@T["City"]</label>
                         <input type="text" class="form-control" id="detailCity" value="" disabled />
@@ -696,7 +696,7 @@
                         <input type="text" class="form-control" id="detailStreetNr" value="" disabled />
                     </div>
                     <hr class="my-3">
-                    <h6 class="fw-bold">@T["Workplace & account"]</h6>
+                    <h4 class="fw-bold">@T["Workplace & account"]</h4>
                     <div class="col-md-6">
                         <label class="form-label">@T["Workplace"]</label>
                         <input type="text" class="form-control" id="detailWorkplace" value="" disabled />
diff --git a/src/Views/Shared/_Batch.cshtml b/src/Views/Shared/_Batch.cshtml
index 3a920cd..9682a47 100644
--- a/src/Views/Shared/_Batch.cshtml
+++ b/src/Views/Shared/_Batch.cshtml
@@ -14,7 +14,7 @@
     <div class="modal-dialog modal-lg modal-dialog-centered">
         <div class="modal-content">
             <div class="modal-header bg-primary text-white">
-                <h5 class="modal-title" id="printModalLabel">@T["Print Page"]</h5>
+                <h3 class="modal-title" id="printModalLabel">@T["Print Page"]</h3>
                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
             </div>
             <div class="modal-body">
@@ -37,7 +37,7 @@
         }
         modalBody.innerHTML = `
             <div class="row g-3">
-                <h6 class="fw-bold">@T["Print"]</h6>
+                <h4 class="fw-bold">@T["Print"]</h4>
                 <button class="btn btn-primary" onclick="printBatch();" type="button">
                     @T["Print batch"]
                 </button>
@@ -50,7 +50,7 @@
                 </button>
             </div>
             <hr class="my-3">
-            <h6 class="fw-bold">@T["Layout"]</h6>
+            <h4 class="fw-bold">@T["Layout"]</h4>
             <br/>
         `;
         await renderBarcodePreview("printPreviewContainer");
@@ -67,7 +67,7 @@
                     const asset = json.assetsModel;
                     assetCard.innerHTML = `
                         <div class="card-body" data-cn="${asset.Cn}">
-                            <h6 class="card-title"><strong>Asset ${i + 1}:</strong> ${asset.Name}</h6>
+                            <h4 class="card-title"><strong>Asset ${i + 1}:</strong> ${asset.Name}</h4>
                             <div class="row">
                                 <div class="col-md-5">
                                     <p><strong>@T["Asset ID"]:</strong> ${asset.Cn}</p>
@@ -87,7 +87,7 @@
                 } else {
                     assetCard.innerHTML = `
                         <div class="card-body">
-                            <h6 class="card-title"><strong>Asset ${i + 1}:</strong> @T["Empty"]</h6>
+                            <h4 class="card-title"><strong>Asset ${i + 1}:</strong> @T["Empty"]</h4>
                             <div class="row">
                                 <div id="printPreviewBatchButtons${i}" class="col-md-1 justify-content-end" style="margin-left: auto; width: auto;">
                                 </div>
diff --git a/src/wwwroot/css/site.css b/src/wwwroot/css/site.css
index 8ed6dde..6897915 100644
--- a/src/wwwroot/css/site.css
+++ b/src/wwwroot/css/site.css
@@ -64,3 +64,11 @@ body {
   color: #f8f9fa !important;
   border-color: #666 !important;
 }
+
+h3.modal-title {
+  font-size: 1.25rem;
+}
+
+h4.fw-bold, h4.card-title {
+  font-size: 1rem;
+}