Prevent scrollbar from shifting content

Client/src/Components/Sidebar/index.jsx

@@ -306,6 +306,7 @@ function Sidebar() {
                 anchorEl={anchorEl}
                 open={Boolean(anchorEl) && popup === item.name}
                 onClose={closePopup}
+                disableScrollLock
                 anchorOrigin={{
                   vertical: "top",
                   horizontal: "right",
@@ -591,6 +592,7 @@ function Sidebar() {
           anchorEl={anchorEl}
           open={Boolean(anchorEl) && popup === "logout"}
           onClose={closePopup}
+          disableScrollLock
           anchorOrigin={{
             vertical: "top",
             horizontal: "right",

Client/src/Pages/Account/index.jsx

@@ -25,7 +25,7 @@ const Account = ({ open = "profile" }) => {
   const { user } = useSelector((state) => state.auth);
 
   const requiredRoles = ["superadmin", "admin"];
-  let tabList = ["Profile", "Team", "Password"];
+  let tabList = ["Profile", "Password", "Team"];
   const hideTeams = !requiredRoles.some((role) => user.role.includes(role));
   if (hideTeams) {
     tabList = ["Profile", "Password"];

Client/src/Utils/Theme/darkTheme.js

@@ -80,6 +80,7 @@ const darkTheme = createTheme({
           backgroundImage:
             "radial-gradient(circle, #09090b, #0c0c0e, #0f0f11, #111113, #131315, #131315, #131315, #131315, #111113, #0f0f11, #0c0c0e, #09090b)",
           lineHeight: "inherit",
+          paddingLeft: "calc(100vw - 100%)",
         },
       },
     },

Client/src/Utils/Theme/lightTheme.js

@@ -77,6 +77,7 @@ const lightTheme = createTheme({
           backgroundImage:
             "radial-gradient(circle, #fcfcfd, #fdfcfd, #fdfdfd, #fefdfe, #fefefe, #fefefe, #fefefe, #fefefe, #fefdfe, #fdfdfd, #fdfcfd, #fcfcfd)",
           lineHeight: "inherit",
+          paddingLeft: "calc(100vw - 100%)",
         },
       },
     },