diff --git a/src/components/tour/__snapshots__/tour_step.test.tsx.snap b/src/components/tour/__snapshots__/tour_step.test.tsx.snap
index 2a793994d39..65613f5edbd 100644
--- a/src/components/tour/__snapshots__/tour_step.test.tsx.snap
+++ b/src/components/tour/__snapshots__/tour_step.test.tsx.snap
@@ -50,7 +50,7 @@ exports[`EuiTourStep can change the minWidth and maxWidth 1`] = `
       class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPopover__panel euiPopover__panel--left euiPopover__panel-isOpen euiTour testClass1 testClass2"
       data-popover-panel="true"
       role="dialog"
-      style="top: -22px; left: -26px; will-change: transform, opacity; max-width: 420px; min-width: 240px; z-index: 2000;"
+      style="top: -22px; left: -26px; will-change: transform, opacity; z-index: 2000;"
     >
       <div
         class="euiPopover__panelArrow euiPopover__panelArrow--left"
@@ -63,43 +63,47 @@ exports[`EuiTourStep can change the minWidth and maxWidth 1`] = `
       </div>
       <div>
         <div
-          class="euiPopoverTitle euiTourHeader"
-          id="generated-id"
+          style="min-width: 240px; max-width: 420px;"
         >
-          <h2
-            class="euiTitle euiTourHeader__title css-1po7voc-euiTitle-xxs"
+          <div
+            class="euiPopoverTitle euiTourHeader"
+            id="generated-id"
           >
-            A demo
-          </h2>
-        </div>
-        <div
-          class="euiTour__content"
-        >
-          You are here
-        </div>
-        <div
-          class="euiPopoverFooter euiTourFooter"
-        >
+            <h2
+              class="euiTitle euiTourHeader__title css-1po7voc-euiTitle-xxs"
+            >
+              A demo
+            </h2>
+          </div>
+          <div
+            class="euiTour__content"
+          >
+            You are here
+          </div>
           <div
-            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow"
+            class="euiPopoverFooter euiTourFooter"
           >
             <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
+              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow"
             >
-              <button
-                class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--xSmall euiButtonEmpty--flushRight"
-                type="button"
+              <div
+                class="euiFlexItem euiFlexItem--flexGrowZero"
               >
-                <span
-                  class="euiButtonContent euiButtonEmpty__content"
+                <button
+                  class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--xSmall euiButtonEmpty--flushRight"
+                  type="button"
                 >
                   <span
-                    class="euiButtonEmpty__text"
+                    class="euiButtonContent euiButtonEmpty__content"
                   >
-                    Close tour
+                    <span
+                      class="euiButtonEmpty__text"
+                    >
+                      Close tour
+                    </span>
                   </span>
-                </span>
-              </button>
+                </button>
+              </div>
             </div>
           </div>
         </div>
@@ -148,7 +152,7 @@ exports[`EuiTourStep can have subtitle 1`] = `
       class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPopover__panel euiPopover__panel--left euiPopover__panel-isOpen euiTour testClass1 testClass2"
       data-popover-panel="true"
       role="dialog"
-      style="top: -22px; left: -26px; will-change: transform, opacity; max-width: 600px; min-width: 300px; z-index: 2000;"
+      style="top: -22px; left: -26px; will-change: transform, opacity; z-index: 2000;"
     >
       <div
         class="euiPopover__panelArrow euiPopover__panelArrow--left"
@@ -161,48 +165,52 @@ exports[`EuiTourStep can have subtitle 1`] = `
       </div>
       <div>
         <div
-          class="euiPopoverTitle euiTourHeader"
-          id="generated-id"
+          style="min-width: 300px; max-width: 600px;"
         >
-          <h2
-            class="euiTitle euiTourHeader__subtitle css-7xv8go-euiTitle-xxxs"
+          <div
+            class="euiPopoverTitle euiTourHeader"
+            id="generated-id"
           >
-            Subtitle
-          </h2>
-          <h3
-            class="euiTitle euiTourHeader__title css-1po7voc-euiTitle-xxs"
+            <h2
+              class="euiTitle euiTourHeader__subtitle css-7xv8go-euiTitle-xxxs"
+            >
+              Subtitle
+            </h2>
+            <h3
+              class="euiTitle euiTourHeader__title css-1po7voc-euiTitle-xxs"
+            >
+              A demo
+            </h3>
+          </div>
+          <div
+            class="euiTour__content"
           >
-            A demo
-          </h3>
-        </div>
-        <div
-          class="euiTour__content"
-        >
-          You are here
-        </div>
-        <div
-          class="euiPopoverFooter euiTourFooter"
-        >
+            You are here
+          </div>
           <div
-            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow"
+            class="euiPopoverFooter euiTourFooter"
           >
             <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
+              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow"
             >
-              <button
-                class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--xSmall euiButtonEmpty--flushRight"
-                type="button"
+              <div
+                class="euiFlexItem euiFlexItem--flexGrowZero"
               >
-                <span
-                  class="euiButtonContent euiButtonEmpty__content"
+                <button
+                  class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--xSmall euiButtonEmpty--flushRight"
+                  type="button"
                 >
                   <span
-                    class="euiButtonEmpty__text"
+                    class="euiButtonContent euiButtonEmpty__content"
                   >
-                    Close tour
+                    <span
+                      class="euiButtonEmpty__text"
+                    >
+                      Close tour
+                    </span>
                   </span>
-                </span>
-              </button>
+                </button>
+              </div>
             </div>
           </div>
         </div>
@@ -251,7 +259,7 @@ exports[`EuiTourStep can override the footer action 1`] = `
       class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPopover__panel euiPopover__panel--left euiPopover__panel-isOpen euiTour testClass1 testClass2"
       data-popover-panel="true"
       role="dialog"
-      style="top: -22px; left: -26px; will-change: transform, opacity; max-width: 600px; min-width: 300px; z-index: 2000;"
+      style="top: -22px; left: -26px; will-change: transform, opacity; z-index: 2000;"
     >
       <div
         class="euiPopover__panelArrow euiPopover__panelArrow--left"
@@ -264,32 +272,36 @@ exports[`EuiTourStep can override the footer action 1`] = `
       </div>
       <div>
         <div
-          class="euiPopoverTitle euiTourHeader"
-          id="generated-id"
+          style="min-width: 300px; max-width: 600px;"
         >
-          <h2
-            class="euiTitle euiTourHeader__title css-1po7voc-euiTitle-xxs"
+          <div
+            class="euiPopoverTitle euiTourHeader"
+            id="generated-id"
           >
-            A demo
-          </h2>
-        </div>
-        <div
-          class="euiTour__content"
-        >
-          You are here
-        </div>
-        <div
-          class="euiPopoverFooter euiTourFooter"
-        >
+            <h2
+              class="euiTitle euiTourHeader__title css-1po7voc-euiTitle-xxs"
+            >
+              A demo
+            </h2>
+          </div>
+          <div
+            class="euiTour__content"
+          >
+            You are here
+          </div>
           <div
-            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow"
+            class="euiPopoverFooter euiTourFooter"
           >
             <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
+              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow"
             >
-              <button>
-                Test
-              </button>
+              <div
+                class="euiFlexItem euiFlexItem--flexGrowZero"
+              >
+                <button>
+                  Test
+                </button>
+              </div>
             </div>
           </div>
         </div>
@@ -338,7 +350,7 @@ exports[`EuiTourStep can turn off the beacon 1`] = `
       class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPopover__panel euiPopover__panel--left euiPopover__panel-isOpen euiTour testClass1 testClass2"
       data-popover-panel="true"
       role="dialog"
-      style="top: -22px; left: -16px; will-change: transform, opacity; max-width: 600px; min-width: 300px; z-index: 2000;"
+      style="top: -22px; left: -16px; will-change: transform, opacity; z-index: 2000;"
     >
       <div
         class="euiPopover__panelArrow euiPopover__panelArrow--left"
@@ -346,43 +358,47 @@ exports[`EuiTourStep can turn off the beacon 1`] = `
       />
       <div>
         <div
-          class="euiPopoverTitle euiTourHeader"
-          id="generated-id"
+          style="min-width: 300px; max-width: 600px;"
         >
-          <h2
-            class="euiTitle euiTourHeader__title css-1po7voc-euiTitle-xxs"
+          <div
+            class="euiPopoverTitle euiTourHeader"
+            id="generated-id"
           >
-            A demo
-          </h2>
-        </div>
-        <div
-          class="euiTour__content"
-        >
-          You are here
-        </div>
-        <div
-          class="euiPopoverFooter euiTourFooter"
-        >
+            <h2
+              class="euiTitle euiTourHeader__title css-1po7voc-euiTitle-xxs"
+            >
+              A demo
+            </h2>
+          </div>
           <div
-            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow"
+            class="euiTour__content"
+          >
+            You are here
+          </div>
+          <div
+            class="euiPopoverFooter euiTourFooter"
           >
             <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
+              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow"
             >
-              <button
-                class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--xSmall euiButtonEmpty--flushRight"
-                type="button"
+              <div
+                class="euiFlexItem euiFlexItem--flexGrowZero"
               >
-                <span
-                  class="euiButtonContent euiButtonEmpty__content"
+                <button
+                  class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--xSmall euiButtonEmpty--flushRight"
+                  type="button"
                 >
                   <span
-                    class="euiButtonEmpty__text"
+                    class="euiButtonContent euiButtonEmpty__content"
                   >
-                    Close tour
+                    <span
+                      class="euiButtonEmpty__text"
+                    >
+                      Close tour
+                    </span>
                   </span>
-                </span>
-              </button>
+                </button>
+              </div>
             </div>
           </div>
         </div>
@@ -431,7 +447,7 @@ exports[`EuiTourStep is rendered 1`] = `
       class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPopover__panel euiPopover__panel--left euiPopover__panel-isOpen euiTour testClass1 testClass2"
       data-popover-panel="true"
       role="dialog"
-      style="top: -22px; left: -26px; will-change: transform, opacity; max-width: 600px; min-width: 300px; z-index: 2000;"
+      style="top: -22px; left: -26px; will-change: transform, opacity; z-index: 2000;"
     >
       <div
         class="euiPopover__panelArrow euiPopover__panelArrow--left"
@@ -444,43 +460,47 @@ exports[`EuiTourStep is rendered 1`] = `
       </div>
       <div>
         <div
-          class="euiPopoverTitle euiTourHeader"
-          id="generated-id"
+          style="min-width: 300px; max-width: 600px;"
         >
-          <h2
-            class="euiTitle euiTourHeader__title css-1po7voc-euiTitle-xxs"
+          <div
+            class="euiPopoverTitle euiTourHeader"
+            id="generated-id"
           >
-            A demo
-          </h2>
-        </div>
-        <div
-          class="euiTour__content"
-        >
-          You are here
-        </div>
-        <div
-          class="euiPopoverFooter euiTourFooter"
-        >
+            <h2
+              class="euiTitle euiTourHeader__title css-1po7voc-euiTitle-xxs"
+            >
+              A demo
+            </h2>
+          </div>
+          <div
+            class="euiTour__content"
+          >
+            You are here
+          </div>
           <div
-            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow"
+            class="euiPopoverFooter euiTourFooter"
           >
             <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
+              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow"
             >
-              <button
-                class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--xSmall euiButtonEmpty--flushRight"
-                type="button"
+              <div
+                class="euiFlexItem euiFlexItem--flexGrowZero"
               >
-                <span
-                  class="euiButtonContent euiButtonEmpty__content"
+                <button
+                  class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--xSmall euiButtonEmpty--flushRight"
+                  type="button"
                 >
                   <span
-                    class="euiButtonEmpty__text"
+                    class="euiButtonContent euiButtonEmpty__content"
                   >
-                    Close tour
+                    <span
+                      class="euiButtonEmpty__text"
+                    >
+                      Close tour
+                    </span>
                   </span>
-                </span>
-              </button>
+                </button>
+              </div>
             </div>
           </div>
         </div>
diff --git a/src/components/tour/tour_step.tsx b/src/components/tour/tour_step.tsx
index 6da963feea1..b32e9a9c940 100644
--- a/src/components/tour/tour_step.tsx
+++ b/src/components/tour/tour_step.tsx
@@ -170,8 +170,6 @@ export const EuiTourStep: FunctionComponent<EuiTourStepProps> = ({
     };
   }, [anchor]);
 
-  const newStyle: CSSProperties = { ...style, maxWidth, minWidth };
-
   const classes = classNames('euiTour', className);
 
   const finishButtonProps: EuiButtonEmptyProps = {
@@ -240,7 +238,7 @@ export const EuiTourStep: FunctionComponent<EuiTourStepProps> = ({
     isOpen: isStepOpen,
     ownFocus: false,
     panelClassName: classes,
-    panelStyle: newStyle,
+    panelStyle: style,
     offset: hasBeacon ? 10 : 0,
     'aria-labelledby': titleId,
     arrowChildren: hasBeacon && <EuiBeacon className="euiTour__beacon" />,
@@ -248,7 +246,7 @@ export const EuiTourStep: FunctionComponent<EuiTourStepProps> = ({
   };
 
   const layout = (
-    <>
+    <div style={{ minWidth, maxWidth }}>
       <EuiPopoverTitle className="euiTourHeader" id={titleId}>
         {subtitle && (
           <EuiTitle size="xxxs" className="euiTourHeader__subtitle">
@@ -261,7 +259,7 @@ export const EuiTourStep: FunctionComponent<EuiTourStepProps> = ({
       </EuiPopoverTitle>
       <div className="euiTour__content">{content}</div>
       <EuiPopoverFooter className="euiTourFooter">{footer}</EuiPopoverFooter>
-    </>
+    </div>
   );
 
   if (!anchor && children) {
diff --git a/upcoming_changelogs/5897.md b/upcoming_changelogs/5897.md
new file mode 100644
index 00000000000..b76b5820820
--- /dev/null
+++ b/upcoming_changelogs/5897.md
@@ -0,0 +1,3 @@
+**Bug fixes**
+
+- Fixed `EuiTour` position calculation issues caused by popover width styles