diff --git a/frontend/src/components/DeviceCard.svelte b/frontend/src/components/DeviceCard.svelte
index 557bb25a..c0822e23 100644
--- a/frontend/src/components/DeviceCard.svelte
+++ b/frontend/src/components/DeviceCard.svelte
@@ -87,13 +87,13 @@
                 </div>
             </div>
             {#if device.link}
-                <p class="m-0 fw-bold fs-5">
+                <p class="m-0 fw-bold fs-5 text-body-emphasis">
                     <a class="text-reset" target="_blank" rel="noreferrer" href={device.link}
                         >{device.name}</a
                     >
                 </p>
             {:else}
-                <p class="m-0 fw-bold fs-5">{device.name}</p>
+                <p class="m-0 fw-bold fs-5 text-body-emphasis">{device.name}</p>
             {/if}
             <p class="text-muted mb-2">{device.ip}</p>
             {#if device?.expand?.ports}
diff --git a/frontend/src/components/DeviceForm.svelte b/frontend/src/components/DeviceForm.svelte
index 0569be7b..6ad1a7f4 100644
--- a/frontend/src/components/DeviceForm.svelte
+++ b/frontend/src/components/DeviceForm.svelte
@@ -118,7 +118,7 @@
 </script>
 
 <section class="m-0 mt-4 p-4 shadow-sm">
-    <h3 class="mb-3">{mode === 'add' ? 'Add new device' : device.name}</h3>
+    <h3 class="mb-3 text-body-emphasis">{mode === 'add' ? 'Add new device' : device.name}</h3>
     <div class="row">
         <div class="col-md-6">
             <form on:submit|preventDefault={addOrUpdateDevice}>
diff --git a/frontend/src/routes/settings/+page.svelte b/frontend/src/routes/settings/+page.svelte
index f846d10d..34f482ff 100644
--- a/frontend/src/routes/settings/+page.svelte
+++ b/frontend/src/routes/settings/+page.svelte
@@ -152,7 +152,7 @@
         <form on:submit|preventDefault={saveSettings}>
             <div class="row">
                 <div class="col-md-6">
-                    <h3 class="mb-3">Ping interval</h3>
+                    <h3 class="mb-3 text-body-emphasis">Ping interval</h3>
                     <p>Sets the interval in which the devices are pinged.</p>
                     <div class="input-group mb-3">
                         <span class="input-group-text">Cron</span>
@@ -165,7 +165,7 @@
                             bind:value={$settings_private.interval}
                         />
                     </div>
-                    <h3 class="my-3">Title</h3>
+                    <h3 class="my-3 text-body-emphasis">Title</h3>
                     <p>Sets the title of the website and in the browser tab.</p>
                     <div class="input-group mb-3">
                         <span class="input-group-text" id="website-title">Title</span>
@@ -178,7 +178,7 @@
                             bind:value={$settings_public.website_title}
                         />
                     </div>
-                    <h3 class="my-3">Icon</h3>
+                    <h3 class="my-3 text-body-emphasis">Icon</h3>
                     <img
                         src=""
                         alt=""
@@ -262,7 +262,7 @@
     <section class="m-0 my-4 p-4 shadow-sm">
         <div class="row">
             <div class="col-md-6">
-                <h3 class="mb-3">Network scan</h3>
+                <h3 class="mb-3 text-body-emphasis">Network scan</h3>
                 <p>Set the network address to scan.</p>
                 <form on:submit|preventDefault={scanDevices}>
                     <div class="input-group mb-3">