diff --git a/_includes/header.html b/_includes/header.html
index 4e885fbe7156626341e23ee6be6032facca41f0c..fd80e18a9dfc74cde8134b88608e7b479d8e49bf 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,11 +1,3 @@
 <header class="site-header">
-
-  <div class="wrapper">
-
-    <a class="page-logo" href="{{ site.baseurl }}/">
-      <img src="/assets/page-logo.svg" alt="systemd">
-    </a>
-
-  </div>
-
+  <h1 id="logo">PipeWire</h1>
 </header>
diff --git a/style.css b/style.css
index 308e862773722d713724106787bdc3f02e73565f..042d29b374f548bb27ee9bc336a7b87d0fc36033 100644
--- a/style.css
+++ b/style.css
@@ -160,25 +160,23 @@ img {
 }
 
 /* Singletons */
-.page-logo {
+#logo {
   display: block;
+  width: 130px; height: 26px;
+  color: rgba(0,0,0,0); /* make text transparent */
+  background: url('assets/page-logo.svg') no-repeat center;
   padding: 5rem 0 3rem;
+  margin: 0 auto;
 }
 .page-logo > img {
-  display: block;
   margin: 0 auto;
 }
 
   @media (prefers-color-scheme: dark) {
     a.page-logo {
-      filter: invert(100%) hue-rotate(180deg);
-      display: block;
-      width: 130px; height: 26px;
-      background: url('assets/page-logo-i.svg') no-repeat center;
-      margin: auto;
+      filter: invert(100%) hue-rotate(180deg); /* uninvert */
+      background-image: url('assets/page-logo-i.svg');
     }
-    a.page-logo > img { display: none; }
-    
   }
 
 .brand-white {