diff --git a/assets/scss/_registry.scss b/assets/scss/_registry.scss
index 6d6855dae410..06ed0693de9f 100644
--- a/assets/scss/_registry.scss
+++ b/assets/scss/_registry.scss
@@ -39,31 +39,3 @@
 .registry-entry {
   @extend .shadow;
 }
-
-// fix me: the registry seems not to load the main.min.css with the extended
-// styles, so we need to define the styles here again.
-.highlight {
-  margin: 1rem 0;
-  padding: 0;
-  position: relative;
-  max-width: 95%;
-  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
-  border-radius: var(--bs-card-border-radius);
-  & pre {
-    padding: 1rem;
-    margin: 0;
-    display: block;
-    text-align: right;
-    overflow-y: auto;
-    & button.td-click-to-copy {
-      position: absolute;
-      color: #ced4da;
-      border-radius: 3px;
-      border-width: 0;
-      background-color: inherit;
-      box-shadow: 1px 1px #ced4da;
-      right: 4px;
-      top: 2px;
-    }
-  }
-}
diff --git a/content/en/ecosystem/registry/_index.md b/content/en/ecosystem/registry/_index.md
index e3e00247be74..0b671e5499d2 100644
--- a/content/en/ecosystem/registry/_index.md
+++ b/content/en/ecosystem/registry/_index.md
@@ -15,7 +15,7 @@ aliases: [/registry/*]
 type: default
 layout: registry
 outputs: [html, json]
-body_class: registry
+body_class: registry td-content
 weight: 20
 ---