diff --git a/test/visual/anchor-tabs.html b/test/visual/anchor-tabs.html
index c5cdbff..576e2db 100644
--- a/test/visual/anchor-tabs.html
+++ b/test/visual/anchor-tabs.html
@@ -7,8 +7,13 @@
 
   <script>
     const theme = window.location.search.replace(/.*theme=(\w+).*/, '$1') || 'lumo';
-    document.write(`<link rel="import" href="../../theme/${theme}/vaadin-tab.html">`);
-    document.write(`<link rel="import" href="../../theme/${theme}/vaadin-tabs.html">`);
+    document.write(`
+      <link rel="import" href="../../theme/${theme}/vaadin-tab.html">
+      <link rel="import" href="../../theme/${theme}/vaadin-tabs.html">
+      <custom-style>
+        <style include="${theme}-typography ${theme === 'lumo' ? theme + '-color' : theme + '-color-light'}"></style>
+      </custom-style>
+    `);
   </script>
 </head>
 
diff --git a/test/visual/screens/vaadin-tabs/anchor-tabs-lumo/anchor-tabs/chrome.png b/test/visual/screens/vaadin-tabs/anchor-tabs-lumo/anchor-tabs/chrome.png
index c8377aa..f59c082 100644
Binary files a/test/visual/screens/vaadin-tabs/anchor-tabs-lumo/anchor-tabs/chrome.png and b/test/visual/screens/vaadin-tabs/anchor-tabs-lumo/anchor-tabs/chrome.png differ
diff --git a/test/visual/screens/vaadin-tabs/anchor-tabs-lumo/anchor-tabs/firefox.png b/test/visual/screens/vaadin-tabs/anchor-tabs-lumo/anchor-tabs/firefox.png
index ff329ac..ba13d40 100644
Binary files a/test/visual/screens/vaadin-tabs/anchor-tabs-lumo/anchor-tabs/firefox.png and b/test/visual/screens/vaadin-tabs/anchor-tabs-lumo/anchor-tabs/firefox.png differ
diff --git a/test/visual/screens/vaadin-tabs/anchor-tabs-material/anchor-tabs/chrome.png b/test/visual/screens/vaadin-tabs/anchor-tabs-material/anchor-tabs/chrome.png
index 6f9afb2..9d1a5ca 100644
Binary files a/test/visual/screens/vaadin-tabs/anchor-tabs-material/anchor-tabs/chrome.png and b/test/visual/screens/vaadin-tabs/anchor-tabs-material/anchor-tabs/chrome.png differ
diff --git a/test/visual/screens/vaadin-tabs/anchor-tabs-material/anchor-tabs/firefox.png b/test/visual/screens/vaadin-tabs/anchor-tabs-material/anchor-tabs/firefox.png
index 4f5801a..f5d67a2 100644
Binary files a/test/visual/screens/vaadin-tabs/anchor-tabs-material/anchor-tabs/firefox.png and b/test/visual/screens/vaadin-tabs/anchor-tabs-material/anchor-tabs/firefox.png differ
diff --git a/theme/lumo/vaadin-tab-styles.html b/theme/lumo/vaadin-tab-styles.html
index c1ffb24..cc585fd 100644
--- a/theme/lumo/vaadin-tab-styles.html
+++ b/theme/lumo/vaadin-tab-styles.html
@@ -117,21 +117,21 @@
         justify-content: center;
       }
 
-      :host ::slotted(a[href]) {
+      :host ::slotted(a) {
         display: flex;
         width: 100%;
         align-items: center;
         height: 100%;
         margin: -0.5rem -0.75rem;
         padding: 0.5rem 0.75rem;
-        text-decoration: none;
-        color: inherit;
         outline: none;
-      }
 
-      :host ::slotted(a[href]:hover),
-      :host ::slotted(a[href]:focus) {
-        color: inherit;
+        /*
+          Override the CSS inherited from `lumo-color` and `lumo-typography`.
+          Note: `!important` is needed because of the `:slotted` specificity.
+        */
+        text-decoration: none !important;
+        color: inherit !important;
       }
 
       :host ::slotted(iron-icon) {