diff --git a/src/components/Dialog/DialogFooter/DialogFooter.tsx b/src/components/Dialog/DialogFooter/DialogFooter.tsx
index 5443699078..7783dbae73 100644
--- a/src/components/Dialog/DialogFooter/DialogFooter.tsx
+++ b/src/components/Dialog/DialogFooter/DialogFooter.tsx
@@ -134,6 +134,7 @@ export class DialogFooter extends React.Component<DialogFooterInnerProps> {
                         anchorRef={this.errorTooltipRef}
                         placement={['bottom', 'top']}
                         disableLayer
+                        disablePortal
                         hasArrow
                     >
                         <div className={b('error')}>{errorText}</div>
diff --git a/src/components/Dialog/__stories__/Dialog.stories.tsx b/src/components/Dialog/__stories__/Dialog.stories.tsx
index d8acb91472..e331414ff2 100644
--- a/src/components/Dialog/__stories__/Dialog.stories.tsx
+++ b/src/components/Dialog/__stories__/Dialog.stories.tsx
@@ -11,9 +11,14 @@ import {DialogShowcase} from './DialogShowcase';
 export default {
     title: 'Components/Overlays/Dialog',
     component: Dialog,
+    argTypes: {
+        showError: {
+            type: 'boolean',
+        },
+    },
 } as Meta<DialogProps>;
 
-const DefaultTemplate: StoryFn<DialogProps> = (args) => {
+const DefaultTemplate: StoryFn<DialogProps & {showError: boolean}> = ({showError, ...args}) => {
     const dialogTitleId = 'app-confirmation-dialog-title';
     const [open, setOpen] = React.useState(false);
     return (
@@ -37,6 +42,8 @@ const DefaultTemplate: StoryFn<DialogProps> = (args) => {
                     onClickButtonApply={() => alert('onApply')}
                     textButtonApply="Apply"
                     textButtonCancel="Cancel"
+                    showError={showError}
+                    errorText="Error text"
                 />
             </Dialog>
         </React.Fragment>