fix(ui): set lower minimum height for Percy snapshots

ui/package.json

@@ -60,7 +60,7 @@
     "build": "react-scripts build",
     "test": "react-scripts test",
     "storybook": "start-storybook",
-    "snapshot": "build-storybook --quiet -s public && percy-storybook --widths=700,1280"
+    "snapshot": "build-storybook --quiet -s public && percy-storybook --widths=700,1280 --minimum_height=200"
   },
   "jest": {
     "collectCoverageFrom": [

ui/src/Components/MainModal/index.stories.js

@@ -10,7 +10,7 @@ import "Percy.scss";
 
 storiesOf("MainModal", module)
   .addDecorator(storyFn => (
-    <div className="overflow-auto modal d-block" role="dialog">
+    <div>
       <div className="modal-dialog modal-lg" role="document">
         <div className="modal-content">{storyFn()}</div>
       </div>

ui/src/Components/NavBar/index.stories.js

@@ -22,7 +22,7 @@ const NewFilter = (raw, name, matcher, value, applied, isValid, hits) => {
 
 storiesOf("NavBar", module)
   .addDecorator(storyFn => (
-    <div className="overflow-auto modal d-block" role="dialog">
+    <div>
       <div className="modal-dialog modal-lg" role="document">
         <div className="modal-content">{storyFn()}</div>
       </div>

ui/src/Components/SilenceModal/index.stories.js

@@ -23,7 +23,7 @@ const MockMatcher = (name, values, isRegex) => {
 
 storiesOf("SilenceModalContent", module)
   .addDecorator(storyFn => (
-    <div className="modal d-block overflow-auto" role="dialog">
+    <div>
       <div className="modal-dialog modal-lg" role="document">
         <div className="modal-content">{storyFn()}</div>
       </div>