diff --git a/src/pages/ManageValidator/RightManagePanels/PanelWrapper.tsx b/src/pages/ManageValidator/RightManagePanels/PanelWrapper.tsx
index 50664d96..6782fc4d 100644
--- a/src/pages/ManageValidator/RightManagePanels/PanelWrapper.tsx
+++ b/src/pages/ManageValidator/RightManagePanels/PanelWrapper.tsx
@@ -1,4 +1,6 @@
 import { Text } from '@status-im/components'
+import { useState } from 'react'
+import ReactModal from 'react-modal'
 import { YStack } from 'tamagui'
 
 type PanelWrapperProps = {
@@ -7,13 +9,18 @@ type PanelWrapperProps = {
 }
 
 const PanelWrapper = ({ children, title }: PanelWrapperProps) => {
+  const [isModalOpen, setIsModalOpen] = useState(true)
   return (
-    <YStack space={'$3'} style={{ padding: '30px', alignItems: 'start' }}>
-      <Text size={19} weight={'semibold'}>
-        {title}
-      </Text>
-      {children}
-    </YStack>
+    <ReactModal
+      isOpen={isModalOpen}
+    >
+      <YStack space={'$3'} style={{ padding: '30px', alignItems: 'start' }}>
+        <Text size={19} weight={'semibold'}>
+          {title}
+        </Text>
+        {children}
+      </YStack>
+    </ReactModal>
   )
 }