diff --git a/explorer-v2/src/components/modal/SimpleModal.tsx b/explorer-v2/src/components/modal/SimpleModal.tsx
index 9ffc1c60cc..874e38cecc 100644
--- a/explorer-v2/src/components/modal/SimpleModal.tsx
+++ b/explorer-v2/src/components/modal/SimpleModal.tsx
@@ -27,12 +27,12 @@ type SimpleModalPropsOpen = {
 export type SimpleModalProps = SimpleModalPropsClosed | SimpleModalPropsOpen;
 
 const SimpleModal = (props: SimpleModalProps) => {
+  const theme = useTheme();
   if (!props.open) {
     return null;
   }
 
   const { title, children, Actions, onClose } = props;
-  const theme = useTheme();
 
   return (
     <Dialog open maxWidth="sm" fullWidth onClose={onClose}>