diff --git a/doc/source/_static/css/getting_started.css b/doc/source/_static/css/getting_started.css
index b02311eb66080..55141f8955066 100644
--- a/doc/source/_static/css/getting_started.css
+++ b/doc/source/_static/css/getting_started.css
@@ -249,6 +249,7 @@ ul.task-bullet > li > p:first-child {
 
 .tutorial-card .card-header {
   --bs-card-cap-color: var(--pst-color-text-base);
+  color: var(--pst-color-text-base);
   cursor: pointer;
   background-color: var(--pst-color-surface);
   border: 1px solid var(--pst-color-border)
@@ -256,6 +257,7 @@ ul.task-bullet > li > p:first-child {
 
 .tutorial-card .card-body {
   background-color: var(--pst-color-on-background);
+  color: var(--pst-color-text-base);
 }
 
 .tutorial-card .badge {