diff --git a/apps/docs/styles/globals.css b/apps/docs/styles/globals.css
index 6b995e8959..8e74b56476 100644
--- a/apps/docs/styles/globals.css
+++ b/apps/docs/styles/globals.css
@@ -269,6 +269,9 @@ article p code {
   border: none;
 }
 
+/*
+ * sets the image in @Next/Image components to respect the height of the content
+ */
 .next-image--dynamic-fill {
   width: 100%;
   grid-column: 1 / -1;
diff --git a/apps/www/styles/globals.css b/apps/www/styles/globals.css
index 485feb796c..844327e8c1 100644
--- a/apps/www/styles/globals.css
+++ b/apps/www/styles/globals.css
@@ -158,6 +158,9 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 
+/*
+ * Typography
+ */
 .h1:not(.prose *):not(.overwrite),
 .h2:not(.prose *):not(.overwrite),
 .h3:not(.prose *):not(.overwrite),
@@ -356,6 +359,9 @@ table {
   @apply wrap-break-word;
 }
 
+/*
+ * sets the image in @Next/Image components to respect the height of the content
+ */
 .next-image--dynamic-fill {
   display: block;
   width: 100%;