diff --git a/site/assets/css/main.css b/site/assets/css/main.css
index f43aa3c5f..5c949da23 100644
--- a/site/assets/css/main.css
+++ b/site/assets/css/main.css
@@ -13,10 +13,6 @@
 @tailwind components;
 @tailwind utilities;
 
-h1 {
-  @apply mt-12 mb-2 text-5xl font-bold;
-}
-
 code {
   @apply text-red-600 dark:text-red-400;
 }
diff --git a/site/content/docs/standard/_index.html b/site/content/docs/standard/_index.html
index 020e08e5a..2e8739185 100644
--- a/site/content/docs/standard/_index.html
+++ b/site/content/docs/standard/_index.html
@@ -12,7 +12,7 @@
 
 <!--Section: Docs content-->
 <section>
-  <h1>Extended documentation</h1>
+  <h1 class="mb-2 mt-12 text-5xl font-bold">Extended documentation</h1>
   <p class="mb-4">
     Extended documentation with experimental components and functionalities.
   </p>
diff --git a/site/content/docs/standard/content-styles/typography/index.html b/site/content/docs/standard/content-styles/typography/index.html
index 21cf68e10..fbe6352a6 100644
--- a/site/content/docs/standard/content-styles/typography/index.html
+++ b/site/content/docs/standard/content-styles/typography/index.html
@@ -31,7 +31,7 @@
 
   <!-- prettier-ignore -->
   {{< twsnippet/demo id="example1">}}
-  <h2 class="text-5xl font-medium leading-tight">Tailwind Elements</h2>
+  <h1 class="text-5xl font-medium leading-tight">Tailwind Elements</h1>
   <h2 class="text-4xl font-medium leading-tight">Tailwind Elements</h2>
   <h3 class="text-3xl font-medium leading-tight">Tailwind Elements</h3>
   <h4 class="text-2xl font-medium leading-tight">Tailwind Elements</h4>
@@ -45,7 +45,7 @@ <h6 class="text-base font-medium leading-tight">Tailwind Elements</h6>
     <div class="pt-4">
       {{< twsnippet/wrapper "HTML" >}}
       {{< twsnippet/code active=true lang="HTML" >}}
-      <h2 class="text-5xl font-medium leading-tight">Tailwind Elements</h2>
+      <h1 class="text-5xl font-medium leading-tight">Tailwind Elements</h1>
       <h2 class="text-4xl font-medium leading-tight">Tailwind Elements</h2>
       <h3 class="text-3xl font-medium leading-tight">Tailwind Elements</h3>
       <h4 class="text-2xl font-medium leading-tight">Tailwind Elements</h4>
@@ -390,7 +390,7 @@ <h3 class="text-3xl font-medium leading-tight">
 
   <!-- prettier-ignore -->
   {{< twsnippet/demo id="example3">}}
-  <h2 class="mb-4 border-b pb-4 text-9xl leading-tight">Display 1</h2>
+  <h1 class="mb-4 border-b pb-4 text-9xl leading-tight">Display 1</h1>
   <h2 class="mb-4 border-b pb-4 text-8xl leading-tight">Display 2</h2>
   <h3 class="mb-4 border-b pb-4 text-7xl leading-tight">Display 3</h3>
   <h4 class="mb-4 border-b pb-4 text-6xl leading-tight">Display 4</h4>
@@ -403,7 +403,7 @@ <h6 class="text-4xl leading-tight">Display 6</h6>
     <div class="pt-4">
       {{< twsnippet/wrapper "HTML" >}}
       {{< twsnippet/code active=true lang="HTML" >}}
-      <h2 class="mb-4 border-b pb-4 text-9xl leading-tight">Display 1</h2>
+      <h1 class="mb-4 border-b pb-4 text-9xl leading-tight">Display 1</h1>
       <h2 class="mb-4 border-b pb-4 text-8xl leading-tight">Display 2</h2>
       <h3 class="mb-4 border-b pb-4 text-7xl leading-tight">Display 3</h3>
       <h4 class="mb-4 border-b pb-4 text-6xl leading-tight">Display 4</h4>
diff --git a/site/content/docs/standard/extended/_index.html b/site/content/docs/standard/extended/_index.html
index fb8078088..cb783c9a7 100644
--- a/site/content/docs/standard/extended/_index.html
+++ b/site/content/docs/standard/extended/_index.html
@@ -12,7 +12,7 @@
 
 <!--Section: Docs content-->
 <section>
-  <h1>Extended documentation</h1>
+  <h1 class="mb-2 mt-12 text-5xl font-bold">Extended documentation</h1>
   <p class="mb-4">
     Extended documentation with experimental components and functionalities.
   </p>
diff --git a/site/content/learn/te-foundations/2-tailwindcss/10-containers/index.html b/site/content/learn/te-foundations/2-tailwindcss/10-containers/index.html
index 8a007cd02..d42df74dd 100644
--- a/site/content/learn/te-foundations/2-tailwindcss/10-containers/index.html
+++ b/site/content/learn/te-foundations/2-tailwindcss/10-containers/index.html
@@ -499,6 +499,7 @@ <h2 class="mb-6 mt-12 text-xl font-semibold">
   
   
   
+  
    <!-- Here add a container -->
    <div class="lg:container mx-auto flex w-full flex-wrap items-center justify-between px-3">
 
diff --git a/src/scss/tailwind.scss b/src/scss/tailwind.scss
index 9f7506e15..a046db52a 100644
--- a/src/scss/tailwind.scss
+++ b/src/scss/tailwind.scss
@@ -13,14 +13,6 @@
 @tailwind components;
 @tailwind utilities;
 
-h1 {
-  @apply mb-2 mt-12 text-5xl font-bold;
-}
-
-code {
-  @apply text-red-600 dark:text-red-400;
-}
-
 p {
   @apply leading-[1.6];
 }