diff --git a/src/components/code/__snapshots__/code_block.test.tsx.snap b/src/components/code/__snapshots__/code_block.test.tsx.snap
index e642da216f7..8c1bd5ff1b5 100644
--- a/src/components/code/__snapshots__/code_block.test.tsx.snap
+++ b/src/components/code/__snapshots__/code_block.test.tsx.snap
@@ -85,54 +85,41 @@ exports[`EuiCodeBlock fullscreen displays content in fullscreen mode 1`] = `
   <div
     className="euiCodeBlock__controls"
   >
-    <FullScreenButton>
-      <EuiI18n
-        defaults={
-          Array [
-            "Collapse",
-            "Expand",
-          ]
-        }
-        tokens={
-          Array [
-            "euiCodeBlock.fullscreenCollapse",
-            "euiCodeBlock.fullscreenExpand",
-          ]
-        }
-      >
-        <EuiButtonIcon
+    <FullScreenButton
+      isFullScreen={true}
+      toggleFullScreen={[Function]}
+    >
+      <EuiButtonIcon
+        aria-label="Collapse"
+        className="euiCodeBlock__fullScreenButton"
+        color="text"
+        iconType="fullScreenExit"
+        onClick={[Function]}
+      >
+        <button
           aria-label="Collapse"
-          className="euiCodeBlock__fullScreenButton"
-          color="text"
-          iconType="fullScreenExit"
+          className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiCodeBlock__fullScreenButton"
           onClick={[Function]}
+          type="button"
         >
-          <button
-            aria-label="Collapse"
-            className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiCodeBlock__fullScreenButton"
-            onClick={[Function]}
-            type="button"
+          <EuiIcon
+            aria-hidden="true"
+            className="euiButtonIcon__icon"
+            color="inherit"
+            size="m"
+            type="fullScreenExit"
           >
-            <EuiIcon
+            <span
               aria-hidden="true"
               className="euiButtonIcon__icon"
               color="inherit"
+              data-euiicon-type="fullScreenExit"
               size="m"
-              type="fullScreenExit"
-            >
-              <span
-                aria-hidden="true"
-                className="euiButtonIcon__icon"
-                color="inherit"
-                data-euiicon-type="fullScreenExit"
-                size="m"
-              />
-            </EuiIcon>
-          </button>
-        </EuiButtonIcon>
-      </EuiI18n>
+            />
+          </EuiIcon>
+        </button>
+      </EuiButtonIcon>
     </FullScreenButton>
-    <CopyButton />
   </div>
 </div>
 `;
@@ -412,74 +399,68 @@ exports[`EuiCodeBlock props isCopyable is rendered 1`] = `
     <div
       className="euiCodeBlock__controls"
     >
-      <FullScreenButton />
-      <CopyButton>
+      <CopyButton
+        textToCopy="var some = 'code';
+console.log(some);"
+      >
         <div
           className="euiCodeBlock__copyButton"
         >
-          <EuiI18n
-            default="Copy"
-            token="euiCodeBlock.copyButton"
-          >
-            <EuiCopy
-              afterMessage="Copied"
-              textToCopy="var some = 'code';
+          <EuiCopy
+            afterMessage="Copied"
+            textToCopy="var some = 'code';
 console.log(some);"
+          >
+            <EuiToolTip
+              delay="regular"
+              display="inlineBlock"
+              onMouseOut={[Function]}
+              position="top"
             >
-              <EuiToolTip
-                delay="regular"
-                display="inlineBlock"
+              <span
+                className="euiToolTipAnchor"
                 onMouseOut={[Function]}
-                position="top"
+                onMouseOver={[Function]}
               >
-                <span
-                  className="euiToolTipAnchor"
-                  onMouseOut={[Function]}
-                  onMouseOver={[Function]}
+                <EuiButtonIcon
+                  aria-label="Copy"
+                  color="text"
+                  iconType="copyClipboard"
+                  onBlur={[Function]}
+                  onClick={[Function]}
+                  onFocus={[Function]}
                 >
-                  <EuiButtonIcon
+                  <button
                     aria-label="Copy"
-                    color="text"
-                    iconType="copyClipboard"
+                    className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
                     onBlur={[Function]}
                     onClick={[Function]}
                     onFocus={[Function]}
+                    type="button"
                   >
-                    <button
-                      aria-label="Copy"
-                      className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
-                      onBlur={[Function]}
-                      onClick={[Function]}
-                      onFocus={[Function]}
-                      type="button"
+                    <EuiIcon
+                      aria-hidden="true"
+                      className="euiButtonIcon__icon"
+                      color="inherit"
+                      size="m"
+                      type="copyClipboard"
                     >
-                      <EuiIcon
+                      <span
                         aria-hidden="true"
                         className="euiButtonIcon__icon"
                         color="inherit"
+                        data-euiicon-type="copyClipboard"
                         size="m"
-                        type="copyClipboard"
-                      >
-                        <span
-                          aria-hidden="true"
-                          className="euiButtonIcon__icon"
-                          color="inherit"
-                          data-euiicon-type="copyClipboard"
-                          size="m"
-                        />
-                      </EuiIcon>
-                    </button>
-                  </EuiButtonIcon>
-                </span>
-              </EuiToolTip>
-            </EuiCopy>
-          </EuiI18n>
+                      />
+                    </EuiIcon>
+                  </button>
+                </EuiButtonIcon>
+              </span>
+            </EuiToolTip>
+          </EuiCopy>
         </div>
       </CopyButton>
     </div>
-    <FullScreenDisplay
-      className="euiCodeBlock euiCodeBlock--hasControl"
-    />
   </div>
 </EuiCodeBlock>
 `;
diff --git a/src/components/code/code_block.tsx b/src/components/code/code_block.tsx
index b8261e255bb..37cffeed115 100644
--- a/src/components/code/code_block.tsx
+++ b/src/components/code/code_block.tsx
@@ -27,7 +27,7 @@ import { EuiButtonIcon } from '../button';
 import { keysOf, ExclusiveUnion } from '../common';
 import { EuiCopy } from '../copy';
 import { EuiFocusTrap } from '../focus_trap';
-import { EuiI18n } from '../i18n';
+import { useEuiI18n } from '../i18n';
 import { useInnerText } from '../inner_text';
 import { useMutationObserver } from '../observer/mutation_observer';
 import { useResizeObserver } from '../observer/resize_observer';
@@ -171,7 +171,7 @@ export const EuiCodeBlock: FunctionComponent<EuiCodeBlockProps> = ({
     [_isVirtualized, data]
   );
 
-  const { innerTextRef, showCopyButton, CopyButton } = useCopy({
+  const { innerTextRef, showCopyButton, textToCopy } = useCopy({
     isCopyable,
     isVirtualized,
     children,
@@ -187,8 +187,8 @@ export const EuiCodeBlock: FunctionComponent<EuiCodeBlockProps> = ({
   const {
     showFullScreenButton,
     onKeyDown,
-    FullScreenButton,
-    FullScreenDisplay,
+    isFullScreen,
+    toggleFullScreen,
   } = useFullScreen({ overflowHeight });
 
   // Classes used in both fullscreen and non-fullscreen mode
@@ -232,28 +232,46 @@ export const EuiCodeBlock: FunctionComponent<EuiCodeBlockProps> = ({
     [preClasses, onKeyDown]
   );
 
-  const optionalStyles: CSSProperties = {};
-
-  if (overflowHeight) {
-    const property =
-      typeof overflowHeight === 'string' ? 'height' : 'maxHeight';
-    optionalStyles[property] = overflowHeight;
-  }
+  const overflowHeightStyles: CSSProperties = useMemo(() => {
+    if (overflowHeight) {
+      const property =
+        typeof overflowHeight === 'string' ? 'height' : 'maxHeight';
+      return {
+        [property]: overflowHeight,
+      };
+    }
+    return {};
+  }, [overflowHeight]);
 
-  const wrapperProps = {
-    className: classes,
-    style: optionalStyles,
-  };
+  const wrapperProps = useMemo(
+    () => ({
+      className: classes,
+      style: overflowHeightStyles,
+    }),
+    [classes, overflowHeightStyles]
+  );
 
-  let codeBlockControls;
-  if (showCopyButton || showFullScreenButton) {
-    codeBlockControls = (
-      <div className="euiCodeBlock__controls">
-        <FullScreenButton />
-        <CopyButton />
-      </div>
-    );
-  }
+  const codeBlockControls = useMemo(() => {
+    if (showCopyButton || showFullScreenButton) {
+      return (
+        <div className="euiCodeBlock__controls">
+          {showFullScreenButton && (
+            <FullScreenButton
+              isFullScreen={isFullScreen}
+              toggleFullScreen={toggleFullScreen}
+            />
+          )}
+          {showCopyButton && <CopyButton textToCopy={textToCopy} />}
+        </div>
+      );
+    }
+  }, [
+    isFullScreen,
+    toggleFullScreen,
+    showCopyButton,
+    showFullScreenButton,
+    textToCopy,
+  ]);
 
   return (
     <div {...wrapperProps}>
@@ -268,7 +286,7 @@ export const EuiCodeBlock: FunctionComponent<EuiCodeBlockProps> = ({
       ) : (
         <pre
           ref={combinedRef}
-          style={optionalStyles}
+          style={overflowHeightStyles}
           className={preClasses}
           tabIndex={tabIndex}
         >
@@ -277,21 +295,23 @@ export const EuiCodeBlock: FunctionComponent<EuiCodeBlockProps> = ({
       )}
       {codeBlockControls}
 
-      <FullScreenDisplay className={wrapperClasses}>
-        {isVirtualized ? (
-          <VirtualizedCodeBlock
-            data={data}
-            rowHeight={fontSizeToRowHeightMap.l}
-            preProps={preFullscreenProps}
-            codeProps={codeProps}
-          />
-        ) : (
-          <pre {...preFullscreenProps}>
-            <code {...codeProps}>{content}</code>
-          </pre>
-        )}
-        {codeBlockControls}
-      </FullScreenDisplay>
+      {isFullScreen && (
+        <FullScreenDisplay className={wrapperClasses}>
+          {isVirtualized ? (
+            <VirtualizedCodeBlock
+              data={data}
+              rowHeight={fontSizeToRowHeightMap.l}
+              preProps={preFullscreenProps}
+              codeProps={codeProps}
+            />
+          ) : (
+            <pre {...preFullscreenProps}>
+              <code {...codeProps}>{content}</code>
+            </pre>
+          )}
+          {codeBlockControls}
+        </FullScreenDisplay>
+      )}
     </div>
   );
 };
@@ -333,6 +353,26 @@ const useOverflowDetection = () => {
  * Copy logic
  */
 
+const CopyButton: FunctionComponent<{
+  textToCopy: string;
+}> = ({ textToCopy }) => {
+  const copyButton = useEuiI18n('euiCodeBlock.copyButton', 'Copy');
+  return (
+    <div className="euiCodeBlock__copyButton">
+      <EuiCopy textToCopy={textToCopy}>
+        {(copy) => (
+          <EuiButtonIcon
+            onClick={copy}
+            iconType="copyClipboard"
+            color="text"
+            aria-label={copyButton}
+          />
+        )}
+      </EuiCopy>
+    </div>
+  );
+};
+
 const useCopy = ({
   isCopyable,
   isVirtualized,
@@ -351,36 +391,53 @@ const useCopy = ({
 
   const showCopyButton = isCopyable && textToCopy;
 
-  const CopyButton = () => {
-    if (!showCopyButton) return null;
-
-    return (
-      <div className="euiCodeBlock__copyButton">
-        <EuiI18n token="euiCodeBlock.copyButton" default="Copy">
-          {(copyButton: string) => (
-            <EuiCopy textToCopy={textToCopy}>
-              {(copy) => (
-                <EuiButtonIcon
-                  onClick={copy}
-                  iconType="copyClipboard"
-                  color="text"
-                  aria-label={copyButton}
-                />
-              )}
-            </EuiCopy>
-          )}
-        </EuiI18n>
-      </div>
-    );
-  };
-
-  return { innerTextRef, showCopyButton, CopyButton };
+  return { innerTextRef, showCopyButton, textToCopy };
 };
 
 /**
  * Fullscreen logic
  */
 
+const FullScreenButton: FunctionComponent<{
+  isFullScreen: boolean;
+  toggleFullScreen: () => void;
+}> = ({ isFullScreen, toggleFullScreen }) => {
+  const [fullscreenCollapse, fullscreenExpand] = useEuiI18n(
+    ['euiCodeBlock.fullscreenCollapse', 'euiCodeBlock.fullscreenExpand'],
+    ['Collapse', 'Expand']
+  );
+  return (
+    <EuiButtonIcon
+      className="euiCodeBlock__fullScreenButton"
+      onClick={toggleFullScreen}
+      iconType={isFullScreen ? 'fullScreenExit' : 'fullScreen'}
+      color="text"
+      aria-label={isFullScreen ? fullscreenCollapse : fullscreenExpand}
+    />
+  );
+};
+
+const FullScreenDisplay: FunctionComponent<{
+  className: string;
+}> = ({ children, className }) => {
+  // Force fullscreen to use large font and padding.
+  const fullScreenClasses = classNames(
+    className,
+    'euiCodeBlock--fontLarge',
+    'euiCodeBlock--paddingLarge',
+    'euiCodeBlock-isFullScreen'
+  );
+
+  // Attaches to the body because of EuiOverlayMask's React portal usage.
+  return (
+    <EuiOverlayMask>
+      <EuiFocusTrap clickOutsideDisables={true}>
+        <div className={fullScreenClasses}>{children}</div>
+      </EuiFocusTrap>
+    </EuiOverlayMask>
+  );
+};
+
 const useFullScreen = ({
   overflowHeight,
 }: {
@@ -388,9 +445,9 @@ const useFullScreen = ({
 }) => {
   const [isFullScreen, setIsFullScreen] = useState(false);
 
-  const toggleFullScreen = () => {
-    setIsFullScreen(!isFullScreen);
-  };
+  const toggleFullScreen = useCallback(() => {
+    setIsFullScreen((isFullScreen) => !isFullScreen);
+  }, []);
 
   const onKeyDown = useCallback((event: KeyboardEvent<HTMLElement>) => {
     if (event.key === keys.ESCAPE) {
@@ -402,57 +459,10 @@ const useFullScreen = ({
 
   const showFullScreenButton = !!overflowHeight;
 
-  const FullScreenButton: React.FC = () => {
-    if (!showFullScreenButton) return null;
-    return (
-      <EuiI18n
-        tokens={[
-          'euiCodeBlock.fullscreenCollapse',
-          'euiCodeBlock.fullscreenExpand',
-        ]}
-        defaults={['Collapse', 'Expand']}
-      >
-        {([fullscreenCollapse, fullscreenExpand]: string[]) => (
-          <EuiButtonIcon
-            className="euiCodeBlock__fullScreenButton"
-            onClick={toggleFullScreen}
-            iconType={isFullScreen ? 'fullScreenExit' : 'fullScreen'}
-            color="text"
-            aria-label={isFullScreen ? fullscreenCollapse : fullscreenExpand}
-          />
-        )}
-      </EuiI18n>
-    );
-  };
-
-  const FullScreenDisplay: React.FC<{ className: string }> = ({
-    children,
-    className,
-  }) => {
-    if (!isFullScreen) return null;
-
-    // Force fullscreen to use large font and padding.
-    const fullScreenClasses = classNames(
-      className,
-      'euiCodeBlock--fontLarge',
-      'euiCodeBlock--paddingLarge',
-      'euiCodeBlock-isFullScreen'
-    );
-
-    // Attaches to the body because of EuiOverlayMask's React portal usage.
-    return (
-      <EuiOverlayMask>
-        <EuiFocusTrap clickOutsideDisables={true}>
-          <div className={fullScreenClasses}>{children}</div>
-        </EuiFocusTrap>
-      </EuiOverlayMask>
-    );
-  };
-
   return {
     showFullScreenButton,
-    FullScreenButton,
-    FullScreenDisplay,
+    isFullScreen,
+    toggleFullScreen,
     onKeyDown,
   };
 };
diff --git a/upcoming_changelogs/6077.md b/upcoming_changelogs/6077.md
new file mode 100644
index 00000000000..9f6b78681df
--- /dev/null
+++ b/upcoming_changelogs/6077.md
@@ -0,0 +1,4 @@
+**Bug fixes**
+
+- Fixed unintentional subcomponent remounting in `EuiCodeBlock` during rerenders
+