diff --git a/ui-core/src/stories/TolerancePicker.stories.tsx b/ui-core/src/stories/TolerancePicker.stories.tsx
index 2af82c76a..ef22c3e5d 100644
--- a/ui-core/src/stories/TolerancePicker.stories.tsx
+++ b/ui-core/src/stories/TolerancePicker.stories.tsx
@@ -79,3 +79,14 @@ export const WarningTolerancePicker: Story = {
     label: 'Tolerance',
   },
 };
+
+export const ScrollableHeightTolerancePicker: Story = {
+  args: {},
+  decorators: [
+    (Story) => (
+      <div style={{ height: '1200px' }}>
+        <Story />
+      </div>
+    ),
+  ],
+};
diff --git a/ui-core/src/styles/inputs/modal.css b/ui-core/src/styles/inputs/modal.css
index b5664bd8d..a9947d3ee 100644
--- a/ui-core/src/styles/inputs/modal.css
+++ b/ui-core/src/styles/inputs/modal.css
@@ -1,5 +1,5 @@
 .modal-ui-overlay {
-  position: fixed;
+  position: absolute;
   top: 0;
   left: 0;
   right: 0;