diff --git a/src/components/Course.astro b/src/components/Course.astro
index 845a57f..2c887f1 100644
--- a/src/components/Course.astro
+++ b/src/components/Course.astro
@@ -58,9 +58,11 @@ let { title, website, description, provider, teacher } = course;
     }
     .course__providers {
         order: 1;
+        font-size: var(--step--1);
     }
     .course__teachers {
         order: 3;
+        font-size: var(--step--1);
     }
     .course__description {
         order: 4;
diff --git a/src/styles/utils/typo.css b/src/styles/utils/typo.css
new file mode 100644
index 0000000..2118fa4
--- /dev/null
+++ b/src/styles/utils/typo.css
@@ -0,0 +1,3 @@
+.text-small {
+    font-size: var(--step--1);
+}
\ No newline at end of file
diff --git a/src/styles/utils/utils.css b/src/styles/utils/utils.css
index 5be7c1a..e73852c 100644
--- a/src/styles/utils/utils.css
+++ b/src/styles/utils/utils.css
@@ -1,6 +1,7 @@
 @import url("flow.css");
 @import url("display.css");
 @import url("color.css");
+@import url("typo.css");
 
 .container {
   width: min(100% - var(--space-m), var(--container-max, 60ch));