Redux DevTools: Fix overflow

jhen0409 · Jul 29, 2023 · fe18579 · fe18579
1 parent deb564e
commit fe18579
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/app/containers/redux/DevTools.js b/app/containers/redux/DevTools.js
@@ -1,11 +1,14 @@
 import React from 'react'
 import { useSelector, useDispatch } from 'react-redux'
+import styled from 'styled-components'
 import { Container, Notification } from '@redux-devtools/ui'
 import { clearNotification } from '@redux-devtools/app/lib/esm/actions'
 import Actions from '@redux-devtools/app/lib/esm/containers/Actions'
 import Settings from './Settings'
 import Header from './Header'
 
+const StyledContainer = styled(Container)`overflow: hidden;`
+
 function App() {
   const section = useSelector((state) => state.section)
   const theme = useSelector((state) => state.theme)
@@ -23,7 +26,7 @@ function App() {
   }
 
   return (
-    <Container themeData={theme}>
+    <StyledContainer themeData={theme}>
       <Header section={section} />
       {body}
       {notification && (
@@ -34,7 +37,7 @@ function App() {
           {notification.message}
         </Notification>
       )}
-    </Container>
+    </StyledContainer>
   )
 }