diff --git a/webapp/src/components/modalWrapper.tsx b/webapp/src/components/modalWrapper.tsx
index 8f0034fb0..b8cc1c209 100644
--- a/webapp/src/components/modalWrapper.tsx
+++ b/webapp/src/components/modalWrapper.tsx
@@ -4,16 +4,15 @@ import React from 'react'
 import './modalWrapper.scss'
 
 type Props = {
+    children: React.ReactNode
 }
 
-class ModalWrapper extends React.PureComponent<Props> {
-    render(): JSX.Element {
-        return (
-            <div className='ModalWrapper'>
-                {this.props.children}
-            </div>
-        )
-    }
-}
+const ModalWrapper = React.memo((props: Props) => {
+    return (
+        <div className='ModalWrapper'>
+            {props.children}
+        </div>
+    )
+})
 
 export default ModalWrapper