diff --git a/site/docs/4.4/assets/scss/_component-examples.scss b/site/docs/4.4/assets/scss/_component-examples.scss
index 084ad92baed2..169100c34072 100644
--- a/site/docs/4.4/assets/scss/_component-examples.scss
+++ b/site/docs/4.4/assets/scss/_component-examples.scss
@@ -109,15 +109,6 @@
     margin-top: 2rem;
   }
 
-  .pos-f-t {
-    position: relative;
-    margin: -1rem;
-
-    @include media-breakpoint-up(sm) {
-      margin: -1.5rem;
-    }
-  }
-
   .custom-file-input:lang(es) ~ .custom-file-label::after {
     content: "Elegir";
   }
diff --git a/site/docs/4.4/components/navbar.md b/site/docs/4.4/components/navbar.md
index fffaa693cea2..64dcb3bda4f0 100644
--- a/site/docs/4.4/components/navbar.md
+++ b/site/docs/4.4/components/navbar.md
@@ -564,7 +564,7 @@ With a toggler on the left and brand name on the right:
 Sometimes you want to use the collapse plugin to trigger hidden content elsewhere on the page. Because our plugin works on the `id` and `data-target` matching, that's easily done!
 
 {% capture example %}
-<div class="pos-f-t">
+<div class="fixed-top">
   <div class="collapse" id="navbarToggleExternalContent">
     <div class="bg-dark p-4">
       <h5 class="text-white h4">Collapsed content</h5>