diff --git a/.github/workflows/deploy-docs.yml b/.github/workflows/deploy-docs.yml
index 705ed20a..475068a7 100644
--- a/.github/workflows/deploy-docs.yml
+++ b/.github/workflows/deploy-docs.yml
@@ -50,7 +50,7 @@ jobs:
       # =====================================================
       - uses: quarto-dev/quarto-actions/setup@v2
         with:
-          version: 1.3.340
+          version: 1.4.533
 
       - name: Build site
         run: |
diff --git a/components/_partials/components-list.css b/components/_partials/components-list.css
index 774f1807..f2e4110e 100644
--- a/components/_partials/components-list.css
+++ b/components/_partials/components-list.css
@@ -7,7 +7,7 @@
 
 /* List page background colors */
 
-body {
+#quarto-content {
   background: linear-gradient(175deg,
   rgba(250, 250, 250, 1),
   rgba(248, 248, 248, 1),
@@ -57,4 +57,4 @@ div.shinylive-wrapper {
 .app-frame,
 .shinylive-container>div {
   border-radius: 10px;
-}
\ No newline at end of file
+}
diff --git a/components/_partials/components.css b/components/_partials/components.css
index f87d5124..c36249d9 100644
--- a/components/_partials/components.css
+++ b/components/_partials/components.css
@@ -30,7 +30,7 @@
 .component-list-header {
   display:flex;
   justify-content: space-between;
-  align-items: center; 
+  align-items: center;
   margin-bottom: 0px;
 /*  height: 30px;*/
 }
@@ -65,7 +65,7 @@ a .component-link-icon:after  {
   transition: all 0.3s !important;
 }
 
-a:hover .component-link-icon:after, 
+a:hover .component-link-icon:after,
 a.component-list-header-text:hover ~ div.component-list-icon p a i.component-link-icon:after {
   content: "\F133";
   font-family: "bootstrap-icons";
@@ -175,11 +175,11 @@ pre.console code {
   color: #48505F;
 }
 
-a.nav-link {
+main a.nav-link {
   color: #343A46;
 }
 
-a.nav-link:hover {
+main a.nav-link:hover {
   color: #1D1F21;
 }
 
diff --git a/quarto-style.scss b/quarto-style.scss
index 6e3b8471..9f136ee1 100644
--- a/quarto-style.scss
+++ b/quarto-style.scss
@@ -335,6 +335,10 @@ div.callout-important.callout-style-default .callout-header {
     margin-top: 1.5rem;
     vertical-align: baseline;
   }
+  .breadcrumb .sidebar-subtitle {
+    margin-top: 0;
+    vertical-align: -2px;
+  }
   .sidebar-title:not(.page-navigation .sidebar-title) {
     margin-left: -25px;
     padding-bottom: 0.75em;