From 94981628e4c0aa8b5eb5a2767f82bc1eca92c73f Mon Sep 17 00:00:00 2001
From: Mikko Saarinen <mikko.saarinen@ceon.fi>
Date: Tue, 10 Oct 2023 07:46:42 +0300
Subject: [PATCH] Fix settings menu hidden overflow visibility

---
 src/components/MenuButton/MenuButton/MenuButton.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/MenuButton/MenuButton/MenuButton.js b/src/components/MenuButton/MenuButton/MenuButton.js
index 0746b2849..1cc7933f4 100644
--- a/src/components/MenuButton/MenuButton/MenuButton.js
+++ b/src/components/MenuButton/MenuButton/MenuButton.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import {
-  Button, ButtonBase, ClickAwayListener, Divider, Typography,
+  Button, ButtonBase, ClickAwayListener, Container, Divider, Typography,
 } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import styled from '@emotion/styled';
@@ -52,6 +52,8 @@ class MenuButton extends React.Component {
           id={panelID}
           aria-label={menuAriaLabel}
           role="region"
+          disableGutters
+          sx={{ overflowY: panelID === 'SettingsMenuPanel' ? 'visible' : 'auto' }}
         >
           <Typography sx={{
             textAlign: 'left', fontWeight: 700, fontSize: '1.03rem', pb: 1,
@@ -130,16 +132,14 @@ class MenuButton extends React.Component {
   }
 }
 
-const StyledMenuPanel = styled('div')(({ theme }) => ({
+const StyledMenuPanel = styled(Container)(({ theme }) => ({
   display: 'flex',
   flexDirection: 'column',
   position: 'absolute',
-  overflowY: 'auto',
   maxHeight: `calc(100vh - ${config.topBarHeight}px)`,
   width: 450,
   padding: theme.spacing(2),
   paddingTop: theme.spacing(3),
-  paddingBottom: theme.spacing(2),
   boxSizing: 'border-box',
   backgroundColor: 'white',
   color: 'black',