diff --git a/packages/docusaurus-theme-classic/src/theme/CodeBlock/Content/String.tsx b/packages/docusaurus-theme-classic/src/theme/CodeBlock/Content/String.tsx
index b7ee289e2dca..28bdaea826e7 100644
--- a/packages/docusaurus-theme-classic/src/theme/CodeBlock/Content/String.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/CodeBlock/Content/String.tsx
@@ -62,6 +62,21 @@ export default function CodeBlockString({
   const showLineNumbers =
     showLineNumbersProp ?? containsLineNumbers(metastring);
 
+  function ButtonGroup() {
+    return (
+      <div className={styles.buttonGroup}>
+        {(wordWrap.isEnabled || wordWrap.isCodeScrollable) && (
+          <WordWrapButton
+            className={styles.codeButton}
+            onClick={() => wordWrap.toggle()}
+            isEnabled={wordWrap.isEnabled}
+          />
+        )}
+        <CopyButton className={styles.codeButton} code={code} />
+      </div>
+    );
+  }
+
   return (
     <Container
       as="div"
@@ -71,7 +86,12 @@ export default function CodeBlockString({
           !blockClassName.includes(`language-${language}`) &&
           `language-${language}`,
       )}>
-      {title && <div className={styles.codeBlockTitle}>{title}</div>}
+      {title && (
+        <div className={styles.codeBlockTitle}>
+          {title}
+          <ButtonGroup />
+        </div>
+      )}
       <div className={styles.codeBlockContent}>
         <Highlight
           theme={prismTheme}
@@ -103,16 +123,7 @@ export default function CodeBlockString({
             </pre>
           )}
         </Highlight>
-        <div className={styles.buttonGroup}>
-          {(wordWrap.isEnabled || wordWrap.isCodeScrollable) && (
-            <WordWrapButton
-              className={styles.codeButton}
-              onClick={() => wordWrap.toggle()}
-              isEnabled={wordWrap.isEnabled}
-            />
-          )}
-          <CopyButton className={styles.codeButton} code={code} />
-        </div>
+        {!title && <ButtonGroup />}
       </div>
     </Container>
   );
diff --git a/packages/docusaurus-theme-classic/src/theme/CodeBlock/Content/styles.module.css b/packages/docusaurus-theme-classic/src/theme/CodeBlock/Content/styles.module.css
index 3760c530c4c4..508aa048a38e 100644
--- a/packages/docusaurus-theme-classic/src/theme/CodeBlock/Content/styles.module.css
+++ b/packages/docusaurus-theme-classic/src/theme/CodeBlock/Content/styles.module.css
@@ -19,6 +19,9 @@
   padding: 0.75rem var(--ifm-pre-padding);
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
+  position: relative;
+  /* rtl:ignore */
+  direction: ltr;
 }
 
 .codeBlock {