diff --git a/_includes/base-header.html b/_includes/base-header.html
index 1bc9128..e4ed562 100644
--- a/_includes/base-header.html
+++ b/_includes/base-header.html
@@ -32,13 +32,13 @@
 
 <body class="bg-crust bg-[length:20rem] bg-[url('/img/site/stars-light.gif')] dark:bg-[url('/img/site/stars-dark.gif')]">
   <div class="flex gap-y-12 flex-col sm:flex-row">
-    <header class="
-      bg-base/75 contrast-more:bg-crust
-      border-b-2 border-base shadow
-      flex gap-2 justify-between flex-col xs:flex-row sm:flex-col sm:justify-start
-    ">
+    <header class="flex gap-2 justify-between flex-col xs:flex-row sm:flex-col sm:justify-start">
       <img src="/img/site/falling.gif" alt="" role="presentation" class="h-auto w-auto xs:max-w-48" />
-      <nav class="inline-flex flex-col relative my-auto pl-2 pb-2 sm:my-0 contrast-more:contrast-150">
+      <nav class="
+        inline-flex flex-col relative my-auto pl-2 pb-2 sm:my-0
+        border-l-2 border-l-lavender
+        rounded-bl md:rounded-tr md:rounded-br md:rounded-bl-none shadow bg-crust/25 contrast-more:bg-crust
+      ">
         {%- for navItem in navigation -%}
           <a
             href="{{navItem.url}}"
diff --git a/img/site/falling.gif b/img/site/falling.gif
index 663a328..a666513 100644
Binary files a/img/site/falling.gif and b/img/site/falling.gif differ
