diff --git a/assets/styles/01-base/typography.css b/assets/styles/01-base/typography.css
index a101282..cdb3ffe 100644
--- a/assets/styles/01-base/typography.css
+++ b/assets/styles/01-base/typography.css
@@ -37,6 +37,12 @@ h1.brand {
     font-size: 3.2rem;
 }
 
+@media screen and (max-width: 768px) {
+    h1.brand {
+        font-size: 2.2rem;
+    };
+}
+
 h1.brand a {
     color: var(--brand-color);
     text-decoration: none;
diff --git a/assets/styles/04-pages/author-media.css b/assets/styles/04-pages/author-media.css
index f8b1cee..ec53d95 100644
--- a/assets/styles/04-pages/author-media.css
+++ b/assets/styles/04-pages/author-media.css
@@ -17,6 +17,7 @@
 .tab-link:hover {
     color: #333;
     border-bottom-color: #ccc;
+    text-decoration: none;
 }
 
 .tab-link.active {
@@ -77,7 +78,7 @@
     bottom: 0;
     left: 0;
     right: 0;
-    background: linear-gradient(to top, var(--color-secondary) 0%, rgba(var(--color-secondary-rgb, 0, 100, 0), 0.8) 70%, transparent 100%);
+    background: var(--color-secondary);
     color: white;
     padding: 2rem 1rem 1rem;
     transform: translateY(100%);