diff --git a/hdyc-svelte/src/app.css b/hdyc-svelte/src/app.css
index a7b1d2e..443f992 100644
--- a/hdyc-svelte/src/app.css
+++ b/hdyc-svelte/src/app.css
@@ -375,6 +375,10 @@ a:focus-visible {
 .site-logo .logo-accent {
   color: var(--accent);
 }
+.site-logo .logo-domain {
+  color: var(--text-muted);
+  font-weight: 500;
+}
 
 .header-right {
   display: flex;
diff --git a/hdyc-svelte/src/routes/+layout.svelte b/hdyc-svelte/src/routes/+layout.svelte
index de01751..8ebb7c4 100644
--- a/hdyc-svelte/src/routes/+layout.svelte
+++ b/hdyc-svelte/src/routes/+layout.svelte
@@ -434,7 +434,7 @@
       </button>
     {/if}
     <a href="/" class="site-logo">
-      <span>How Do You</span><span class="logo-accent">Convert</span><span style="opacity:0.4;font-weight:400">.com</span>
+      <span>How Do You</span><span class="logo-accent">Convert</span><span class="logo-domain">.com</span>
     </a>
   </div>
   <div class="header-right">