diff --git a/layouts/partials/tagline.html b/layouts/partials/tagline.html
index 7a7c7fc..f1dd97b 100644
--- a/layouts/partials/tagline.html
+++ b/layouts/partials/tagline.html
@@ -11,4 +11,4 @@
   }
   window.addEventListener("pageshow", getTagline);
 </script>
-<div style="height: 3.5rem;"><i id="tagline" data-typo-chance="2" data-typing-delay="40" data-typing-jitter="20"></i></div>
+<div id="tagline_container"><i id="tagline" data-typo-chance="2" data-typing-delay="40" data-typing-jitter="20"></i></div>
diff --git a/static/css/custom.css b/static/css/custom.css
index f674489..9d0422f 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -368,11 +368,20 @@ p:has(+ ul) {
   margin-bottom: 0;
 }
 
-/* tagline cursor animation */
+/* tagline tweaks */
+#tagline_container {
+  height: 3rem;
+}
+
+#tagline {
+  font-size: 0.8rem;
+  line-height: 0.8rem;
+}
+
 #tagline::after {
   content: "";
   width: 0.5rem;
-  height: 1.2rem;
+  height: 1rem;
   background: var(--muted);
   display: inline-block;
   margin-left: 0.2rem;