From 8d8117464ba3e63d2aee497008df2c10b046c85c Mon Sep 17 00:00:00 2001
From: Daniel Cojocea <danielcojocea28@gmail.com>
Date: Sun, 8 Sep 2024 14:01:44 -0400
Subject: [PATCH] fix: prevent content shift on select menu open

---
 Client/src/Components/Inputs/Select/index.jsx         | 1 +
 Client/src/Pages/Monitors/Home/MonitorTable/index.jsx | 1 +
 2 files changed, 2 insertions(+)

diff --git a/Client/src/Components/Inputs/Select/index.jsx b/Client/src/Components/Inputs/Select/index.jsx
index e30b5d951..3d34fcca5 100644
--- a/Client/src/Components/Inputs/Select/index.jsx
+++ b/Client/src/Components/Inputs/Select/index.jsx
@@ -79,6 +79,7 @@ const Select = ({
         displayEmpty
         inputProps={{ id: id }}
         IconComponent={KeyboardArrowDownIcon}
+        MenuProps={{ disableScrollLock: true }}
         sx={{
           fontSize: 13,
           minWidth: "125px",
diff --git a/Client/src/Pages/Monitors/Home/MonitorTable/index.jsx b/Client/src/Pages/Monitors/Home/MonitorTable/index.jsx
index 4a0325246..f3c02f920 100644
--- a/Client/src/Pages/Monitors/Home/MonitorTable/index.jsx
+++ b/Client/src/Pages/Monitors/Home/MonitorTable/index.jsx
@@ -302,6 +302,7 @@ const MonitorTable = ({ isAdmin }) => {
             select: {
               MenuProps: {
                 keepMounted: true,
+                disableScrollLock: true,
                 PaperProps: {
                   className: "pagination-dropdown",
                   sx: {