diff --git a/book/assets/styles/style.scss b/book/assets/styles/style.scss
index bea7266cc..bfbc0f20f 100644
--- a/book/assets/styles/style.scss
+++ b/book/assets/styles/style.scss
@@ -969,11 +969,17 @@ figcaption.quarto-float-caption-top {
   }
 }
 
-// Extra small screens (phones in portrait)
-@media (max-width: 576px) {
-  // Keep "ML Systems" even on very small screens - it's short enough
+// Responsive title sizing - "Machine Learning Systems" fits on most screens
+@media (max-width: 768px) {
   .navbar-brand {
-    font-size: 0.9rem !important; // Slightly smaller but still visible
+    font-size: 0.95rem !important;
+  }
+}
+
+// Extra small screens - optimize for space
+@media (max-width: 576px) {
+  .navbar-brand {
+    font-size: 0.9rem !important;
     font-weight: 500 !important;
     
     img {
diff --git a/book/config/_quarto-html.yml b/book/config/_quarto-html.yml
index 25c6a7cbd..5cb965c09 100644
--- a/book/config/_quarto-html.yml
+++ b/book/config/_quarto-html.yml
@@ -66,7 +66,7 @@ website:
     pinned: true
     collapse: true
     collapse-below: "md"
-    title: "ML Systems"
+    title: "Machine Learning Systems"
     right:
       - icon: code
         text: "Labs"