diff --git a/hdyc-svelte/src/app.css b/hdyc-svelte/src/app.css
index b67f190..bd4ddfc 100644
--- a/hdyc-svelte/src/app.css
+++ b/hdyc-svelte/src/app.css
@@ -357,7 +357,7 @@ a:focus-visible {
 .site-logo {
   display: flex;
   align-items: center;
-  gap: 0.5rem;
+  gap: 0.3rem;
   text-decoration: none;
   color: var(--text);
   font-weight: 800;
diff --git a/hdyc-svelte/src/routes/+layout.svelte b/hdyc-svelte/src/routes/+layout.svelte
index 74404c6..3648dd5 100644
--- a/hdyc-svelte/src/routes/+layout.svelte
+++ b/hdyc-svelte/src/routes/+layout.svelte
@@ -481,7 +481,7 @@
       </button>
     {/if}
     <a href="/" class="site-logo">
-      <span>How Do You</span><span class="logo-accent">Convert</span><span class="logo-domain">.com</span>
+      <span>How</span><span>Do</span><span>You</span><span class="logo-accent">Convert</span><span class="logo-domain">.com</span>
     </a>
   </div>
   <div class="header-right">