diff --git a/app/assets/stylesheets/bootstrap_css_variable_overrides.css.scss b/app/assets/stylesheets/bootstrap_css_variable_overrides.css.scss
index 7da4b3a0ed..4a32f646ce 100644
--- a/app/assets/stylesheets/bootstrap_css_variable_overrides.css.scss
+++ b/app/assets/stylesheets/bootstrap_css_variable_overrides.css.scss
@@ -38,10 +38,11 @@
   --bs-danger-rgb: var(--d-danger-rgb);
   --bs-light: $neutral-90;
   --bs-dark: $neutral-25;
+  --bs-secondary-text-emphasis: var(--d-on-secondary-container);
+  --bs-secondary-bg-subtle: var(--d-secondary-container);
 
   // not overwritten
   // --bs-primary-text-emphasis: #052c65;
-  // --bs-secondary-text-emphasis: #2b2f32;
   // --bs-success-text-emphasis: #0a3622;
   // --bs-info-text-emphasis: #055160;
   // --bs-warning-text-emphasis: #664d03;
diff --git a/app/views/pages/_teacher_intro_card.html.erb b/app/views/pages/_teacher_intro_card.html.erb
index 0c56be7d6e..beae0676c7 100644
--- a/app/views/pages/_teacher_intro_card.html.erb
+++ b/app/views/pages/_teacher_intro_card.html.erb
@@ -1,15 +1,13 @@
-<div class="card">
-  <div class="card-supporting-text">
-    <h2 class="card-title-text mb-3">
-      <%= t ".title" %>
-    </h2>
-    <% if current_user.student? %>
-      <p>
-        <%= t ".rights_request_html" %>
-      </p>
-    <% end %>
+<div class="alert alert-secondary">
+  <h2 class="card-title-text mb-3">
+    <%= t ".title" %>
+  </h2>
+  <% if current_user.student? %>
     <p>
-      <%= t ".documentation_html" %>
+      <%= t ".rights_request_html" %>
     </p>
-  </div>
+  <% end %>
+  <p>
+    <%= t ".documentation_html" %>
+  </p>
 </div>