diff --git a/catalog/site/_includes/default.html b/catalog/site/_includes/default.html
index 9d86d8e857..f5e341ebd5 100644
--- a/catalog/site/_includes/default.html
+++ b/catalog/site/_includes/default.html
@@ -56,7 +56,7 @@
           <!-- unrelated change to components -->
           {% block content %}{{ content | safe }}{% endblock %}
         </main>
-          <md-list listtabindex="-1">
+          <md-list list-tabindex="-1">
             {% for component in collections.component|filtersort('data.name') %}
               <li>
                 <md-list-item
@@ -64,7 +64,7 @@
                   headline="{{ component.data.name }}"
                   {% if component.url == page.url %}selected{% endif %}
                   data-role=""
-                  itemtabindex="0"
+                  item-tabindex="0"
                 ></md-list-item>
               </li>
             {% endfor %}
diff --git a/catalog/site/css/global.css b/catalog/site/css/global.css
index b2ee8e553d..37198fb668 100644
--- a/catalog/site/css/global.css
+++ b/catalog/site/css/global.css
@@ -92,6 +92,15 @@ nav-drawer md-list-item[href][selected] {
   );
 }
 
+nav-drawer md-list li {
+  /* Hide <li> dots in Firefox */
+  list-style-type: none;
+}
+
+nav-drawer md-list md-list-item::part(focus-ring) {
+  --md-focus-ring-shape: var(--catalog-shape-xl);
+}
+
 @media (forced-colors: active) {
   nav-drawer md-list-item[href][selected] {
     border: 4px double CanvasText;