diff --git a/src/components/HTMLEngineProvider/HTMLRenderers/PreRenderer/BasePreRenderer.js b/src/components/HTMLEngineProvider/HTMLRenderers/PreRenderer.js
similarity index 76%
rename from src/components/HTMLEngineProvider/HTMLRenderers/PreRenderer/BasePreRenderer.js
rename to src/components/HTMLEngineProvider/HTMLRenderers/PreRenderer.js
index 07954cc97a00..27eff02d63ea 100644
--- a/src/components/HTMLEngineProvider/HTMLRenderers/PreRenderer/BasePreRenderer.js
+++ b/src/components/HTMLEngineProvider/HTMLRenderers/PreRenderer.js
@@ -1,14 +1,14 @@
 import PropTypes from 'prop-types';
-import React, {forwardRef} from 'react';
-import {ScrollView, View} from 'react-native';
+import React from 'react';
+import {View} from 'react-native';
 import _ from 'underscore';
-import htmlRendererPropTypes from '@components/HTMLEngineProvider/HTMLRenderers/htmlRendererPropTypes';
 import PressableWithoutFeedback from '@components/Pressable/PressableWithoutFeedback';
 import {ShowContextMenuContext, showContextMenuForReport} from '@components/ShowContextMenuContext';
 import withLocalize from '@components/withLocalize';
 import useThemeStyles from '@hooks/useThemeStyles';
 import * as ReportUtils from '@libs/ReportUtils';
 import CONST from '@src/CONST';
+import htmlRendererPropTypes from './htmlRendererPropTypes';
 
 const propTypes = {
     /** Press in handler for the code block */
@@ -31,20 +31,14 @@ const defaultProps = {
     onPressOut: undefined,
 };
 
-const BasePreRenderer = forwardRef((props, ref) => {
+function PreRenderer(props) {
     const styles = useThemeStyles();
     const TDefaultRenderer = props.TDefaultRenderer;
     const defaultRendererProps = _.omit(props, ['TDefaultRenderer', 'onPressIn', 'onPressOut', 'onLongPress']);
     const isLast = props.renderIndex === props.renderLength - 1;
 
     return (
-        <ScrollView
-            ref={ref}
-            horizontal
-            style={[isLast ? styles.mt2 : styles.mv2, styles.overscrollBehaviorXNone]}
-            bounces={false}
-            keyboardShouldPersistTaps="always"
-        >
+        <View style={[isLast ? styles.mt2 : styles.mv2]}>
             <ShowContextMenuContext.Consumer>
                 {({anchor, report, action, checkIfContextMenuActive}) => (
                     <PressableWithoutFeedback
@@ -61,12 +55,12 @@ const BasePreRenderer = forwardRef((props, ref) => {
                     </PressableWithoutFeedback>
                 )}
             </ShowContextMenuContext.Consumer>
-        </ScrollView>
+        </View>
     );
-});
+}
 
-BasePreRenderer.displayName = 'BasePreRenderer';
-BasePreRenderer.propTypes = propTypes;
-BasePreRenderer.defaultProps = defaultProps;
+PreRenderer.displayName = 'PreRenderer';
+PreRenderer.propTypes = propTypes;
+PreRenderer.defaultProps = defaultProps;
 
-export default withLocalize(BasePreRenderer);
+export default withLocalize(PreRenderer);
diff --git a/src/components/HTMLEngineProvider/HTMLRenderers/PreRenderer/index.js b/src/components/HTMLEngineProvider/HTMLRenderers/PreRenderer/index.js
deleted file mode 100644
index 3beb52e6ee81..000000000000
--- a/src/components/HTMLEngineProvider/HTMLRenderers/PreRenderer/index.js
+++ /dev/null
@@ -1,68 +0,0 @@
-import React, {useCallback, useEffect, useRef} from 'react';
-import _ from 'underscore';
-import htmlRendererPropTypes from '@components/HTMLEngineProvider/HTMLRenderers/htmlRendererPropTypes';
-import ControlSelection from '@libs/ControlSelection';
-import * as DeviceCapabilities from '@libs/DeviceCapabilities';
-import BasePreRenderer from './BasePreRenderer';
-
-const supportsPassive = DeviceCapabilities.hasPassiveEventListenerSupport();
-
-const isScrollingVertically = (event) =>
-    // Mark as vertical scrolling only when absolute value of deltaY is more than the double of absolute
-    // value of deltaX, so user can use trackpad scroll on the code block horizontally at a wide angle.
-    Math.abs(event.deltaY) > Math.abs(event.deltaX) * 2;
-
-const debouncedIsScrollingVertically = _.debounce(isScrollingVertically, 100, true);
-
-function PreRenderer(props) {
-    const scrollViewRef = useRef();
-
-    /**
-     * Checks if user is scrolling vertically based on deltaX and deltaY. We debounce this
-     * method in order to make sure it's called only for the first event.
-     * @param {WheelEvent} event Wheel event
-     * @returns {Boolean} true if user is scrolling vertically
-     */
-
-    /**
-     * Manually scrolls the code block if code block horizontal scrollable, then prevents the event from being passed up to the parent.
-     * @param {Object} event native event
-     */
-    const scrollNode = useCallback((event) => {
-        const node = scrollViewRef.current.getScrollableNode();
-        const horizontalOverflow = node.scrollWidth > node.offsetWidth;
-        if (event.currentTarget === node && horizontalOverflow && !debouncedIsScrollingVertically(event)) {
-            node.scrollLeft += event.deltaX;
-        }
-    }, []);
-
-    useEffect(() => {
-        const eventListenerRefValue = scrollViewRef.current;
-        if (!eventListenerRefValue) {
-            return;
-        }
-        eventListenerRefValue.getScrollableNode().addEventListener('wheel', scrollNode, supportsPassive ? {passive: true} : false);
-
-        return () => {
-            if (!eventListenerRefValue.getScrollableNode()) {
-                return;
-            }
-            eventListenerRefValue.getScrollableNode().removeEventListener('wheel', scrollNode);
-        };
-    }, [scrollNode]);
-
-    return (
-        <BasePreRenderer
-            // eslint-disable-next-line react/jsx-props-no-spreading
-            {...props}
-            ref={scrollViewRef}
-            onPressIn={() => DeviceCapabilities.canUseTouchScreen() && ControlSelection.block()}
-            onPressOut={ControlSelection.unblock}
-        />
-    );
-}
-
-PreRenderer.propTypes = htmlRendererPropTypes;
-PreRenderer.displayName = 'PreRenderer';
-
-export default PreRenderer;
diff --git a/src/components/HTMLEngineProvider/HTMLRenderers/PreRenderer/index.native.js b/src/components/HTMLEngineProvider/HTMLRenderers/PreRenderer/index.native.js
deleted file mode 100644
index b84dd43dd82f..000000000000
--- a/src/components/HTMLEngineProvider/HTMLRenderers/PreRenderer/index.native.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react';
-import htmlRendererPropTypes from '@components/HTMLEngineProvider/HTMLRenderers/htmlRendererPropTypes';
-import withLocalize from '@components/withLocalize';
-import BasePreRenderer from './BasePreRenderer';
-
-function PreRenderer(props) {
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    return <BasePreRenderer {...props} />;
-}
-
-PreRenderer.propTypes = htmlRendererPropTypes;
-PreRenderer.displayName = 'PreRenderer';
-
-export default withLocalize(PreRenderer);