diff --git a/components/src/assets/asciidoc.css b/components/src/assets/asciidoc.css
index b80aada..f03ad21 100644
--- a/components/src/assets/asciidoc.css
+++ b/components/src/assets/asciidoc.css
@@ -419,7 +419,6 @@
       border: 1px solid var(--stroke-secondary);
       border-radius: var(--radius-md);
       padding: 1rem 1.25rem;
-      position: relative;
 
       @media (min-width: 800px) {
         padding: 1.5rem 1.75rem;
@@ -440,9 +439,19 @@
         content: attr(data-lang);
         position: absolute;
         top: 0.5rem;
-        right: 0.5rem;
+        right: 0.75rem;
         display: block;
         color: var(--content-secondary);
+        z-index: 1;
+        padding: 0 0.25rem;
+        background-color: var(--surface-default);
+        border-radius: var(--radius-sm);
+      }
+
+      /* Optional role that caps the height for extra long snippets */
+      &.scrollable pre {
+        max-height: 32rem;
+        overflow: auto;
       }
     }