diff --git a/CHANGELOG.md b/CHANGELOG.md
index ee23e696..3bea9734 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 ## 1.0.4
 
+### New Features
+
+- #3937: Add .has-text-weight-extrabold as a typography class.
+
 ### Bug Fixes
 
 - #3963: Improve colour loading versions of outlined buttons
diff --git a/docs/assets/css/website.css b/docs/assets/css/website.css
index 33ef2d8f..d374ea3c 100644
--- a/docs/assets/css/website.css
+++ b/docs/assets/css/website.css
@@ -30890,6 +30890,10 @@ has-background-moon.is-hoverable:active {
   font-weight: 700 !important;
 }
 
+.has-text-weight-extrabold {
+  font-weight: 800 !important;
+}
+
 .is-family-primary {
   font-family: "Inter", "SF Pro", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
 }
@@ -36981,11 +36985,16 @@ svg {
 
 .skeleton-toggler {
   position: fixed;
-  right: 1rem;
+  right: 13.5rem;
   bottom: 1rem;
-  z-index: 1;
+  z-index: 2;
 }
 
+@media screen and (max-width: 768px) {
+  .skeleton-toggler {
+    right: 1rem;
+  }
+}
 .js-resizable {
   position: relative;
 }
diff --git a/docs/documentation/helpers/typography-helpers.html b/docs/documentation/helpers/typography-helpers.html
index e4beffb7..fd16221a 100644
--- a/docs/documentation/helpers/typography-helpers.html
+++ b/docs/documentation/helpers/typography-helpers.html
@@ -327,13 +327,21 @@ breadcrumb:
       <td><code>has-text-weight-semibold</code></td>
       <td>
         Transforms text weight to
-        <span class="has-text-weight-semibold">semi-bold</span>
+        <span class="has-text-weight-semibold">semibold</span>
       </td>
     </tr>
     <tr>
       <td><code>has-text-weight-bold</code></td>
       <td>
-        Transforms text weight to <span class="has-text-weight-bold">bold</span>
+        Transforms text weight to
+        <span class="has-text-weight-bold">bold</span>
+      </td>
+    </tr>
+    <tr>
+      <td><code>has-text-weight-extrabold</code></td>
+      <td>
+        Transforms text weight to
+        <span class="has-text-weight-extrabold">extrabold</span>
       </td>
     </tr>
   </tbody>
diff --git a/sass/helpers/typography.scss b/sass/helpers/typography.scss
index e2db0f28..fbfcabcf 100644
--- a/sass/helpers/typography.scss
+++ b/sass/helpers/typography.scss
@@ -149,6 +149,10 @@ $alignments: (
   font-weight: iv.$weight-bold !important;
 }
 
+.#{iv.$class-prefix}#{iv.$helpers-has-prefix}text-weight-extrabold {
+  font-weight: iv.$weight-extrabold !important;
+}
+
 .#{iv.$class-prefix}#{iv.$helpers-prefix}family-primary {
   font-family: dv.$family-primary !important;
 }