From bae6021d7f2b184229a2c2dfd628e3760ef3fb49 Mon Sep 17 00:00:00 2001
From: Devon Thomson <devon.thomson@hotmail.com>
Date: Tue, 16 Mar 2021 11:55:11 -0400
Subject: [PATCH] [Save Modal] Quick Fix for Scrollbar (#94640)

* quick fixes for no scroll bar on save modals
---
 .../panel_actions/customize_title/customize_panel_modal.tsx   | 2 +-
 .../__snapshots__/saved_object_save_modal.test.tsx.snap       | 4 ++++
 .../public/save_modal/saved_object_save_modal.tsx             | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/plugins/embeddable/public/lib/panel/panel_header/panel_actions/customize_title/customize_panel_modal.tsx b/src/plugins/embeddable/public/lib/panel/panel_header/panel_actions/customize_title/customize_panel_modal.tsx
index 411da6c03790..6d5c2224c063 100644
--- a/src/plugins/embeddable/public/lib/panel/panel_header/panel_actions/customize_title/customize_panel_modal.tsx
+++ b/src/plugins/embeddable/public/lib/panel/panel_header/panel_actions/customize_title/customize_panel_modal.tsx
@@ -71,7 +71,7 @@ export class CustomizePanelModal extends Component<CustomizePanelProps, State> {
     return (
       <EuiFocusTrap clickOutsideDisables={true} initialFocus={'.panelTitleInputText'}>
         <EuiOutsideClickDetector onOutsideClick={this.props.cancel}>
-          <div role="dialog" aria-modal="true" aria-labelledby={titleId}>
+          <div role="dialog" aria-modal="true" aria-labelledby={titleId} className="euiModal__flex">
             <EuiModalHeader>
               <EuiModalHeaderTitle data-test-subj="customizePanelTitle">
                 <h2 id={titleId}>Customize panel</h2>
diff --git a/src/plugins/saved_objects/public/save_modal/__snapshots__/saved_object_save_modal.test.tsx.snap b/src/plugins/saved_objects/public/save_modal/__snapshots__/saved_object_save_modal.test.tsx.snap
index 1f05ed6b9440..91f99fd8e87d 100644
--- a/src/plugins/saved_objects/public/save_modal/__snapshots__/saved_object_save_modal.test.tsx.snap
+++ b/src/plugins/saved_objects/public/save_modal/__snapshots__/saved_object_save_modal.test.tsx.snap
@@ -7,6 +7,7 @@ exports[`SavedObjectSaveModal should render matching snapshot 1`] = `
   onClose={[Function]}
 >
   <form
+    className="euiModal__flex"
     onSubmit={[Function]}
   >
     <EuiModalHeader>
@@ -103,6 +104,7 @@ exports[`SavedObjectSaveModal should render matching snapshot when custom isVali
   onClose={[Function]}
 >
   <form
+    className="euiModal__flex"
     onSubmit={[Function]}
   >
     <EuiModalHeader>
@@ -199,6 +201,7 @@ exports[`SavedObjectSaveModal should render matching snapshot when custom isVali
   onClose={[Function]}
 >
   <form
+    className="euiModal__flex"
     onSubmit={[Function]}
   >
     <EuiModalHeader>
@@ -295,6 +298,7 @@ exports[`SavedObjectSaveModal should render matching snapshot when given options
   onClose={[Function]}
 >
   <form
+    className="euiModal__flex"
     onSubmit={[Function]}
   >
     <EuiModalHeader>
diff --git a/src/plugins/saved_objects/public/save_modal/saved_object_save_modal.tsx b/src/plugins/saved_objects/public/save_modal/saved_object_save_modal.tsx
index 07f6336dac52..c9e21d5204b0 100644
--- a/src/plugins/saved_objects/public/save_modal/saved_object_save_modal.tsx
+++ b/src/plugins/saved_objects/public/save_modal/saved_object_save_modal.tsx
@@ -128,7 +128,7 @@ export class SavedObjectSaveModal extends React.Component<Props, SaveModalState>
         className={`kbnSavedObjectSaveModal${hasColumns ? ' kbnSavedObjectsSaveModal--wide' : ''}`}
         onClose={this.props.onClose}
       >
-        <form onSubmit={this.onFormSubmit}>
+        <form onSubmit={this.onFormSubmit} className="euiModal__flex">
           <EuiModalHeader>
             <EuiModalHeaderTitle>
               <FormattedMessage