diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroDescription/HeroDescription.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroDescription/HeroDescription.scss
index 033d280..a5e6e43 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroDescription/HeroDescription.scss
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroDescription/HeroDescription.scss
@@ -1,5 +1,5 @@
 .mdx-hero-description {
-  color: red;
+  z-index: -2;
 }
 
 .mdx-hero-description--small {
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroModel/HeroModel.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroModel/HeroModel.scss
index 84d3404..9d484c0 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroModel/HeroModel.scss
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroModel/HeroModel.scss
@@ -5,6 +5,7 @@
   );
   position: absolute;
   top: calc(var(--logos-hero-info-height) - 10px);
+  z-index: -1;
 
   .mdx-hero-model--inner {
     position: relative;
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroTitle/HeroTitle.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroTitle/HeroTitle.scss
index 03ffdee..d38a9df 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroTitle/HeroTitle.scss
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroTitle/HeroTitle.scss
@@ -1,5 +1,6 @@
 .mdx-hero-title {
   font-weight: 300 !important;
+  z-index: -2;
 }
 
 .mdx-hero-title--large {