From 6af21f70a9d092327bfd3852b53b1bb251a6db67 Mon Sep 17 00:00:00 2001
From: Rekard0 <5880388+Rekard0@users.noreply.github.com>
Date: Tue, 11 May 2021 13:25:09 +0200
Subject: [PATCH] correcting DAO not found page (#373)

---
 .../src/containers/DAO/DaoMainPage.tsx        | 22 +++++++++----------
 .../src/containers/DAO/NoDaoFound.tsx         |  5 +----
 2 files changed, 11 insertions(+), 16 deletions(-)

diff --git a/packages/govern-console/src/containers/DAO/DaoMainPage.tsx b/packages/govern-console/src/containers/DAO/DaoMainPage.tsx
index e7eb73fad..d3a7420ac 100644
--- a/packages/govern-console/src/containers/DAO/DaoMainPage.tsx
+++ b/packages/govern-console/src/containers/DAO/DaoMainPage.tsx
@@ -196,10 +196,10 @@ const DaoMainPage: React.FC<{
     return <div>Loading...</div>;
   }
 
-  return (
-    <DaoPageMainDiv id="dao-page-wrapper">
-      {isAnExistingDao ? (
-        daoDetails === undefined ? (
+  if (isAnExistingDao) {
+    return (
+      <DaoPageMainDiv id="dao-page-wrapper">
+        {daoDetails === undefined ? (
           'loading'
         ) : (
           <>
@@ -329,13 +329,11 @@ const DaoMainPage: React.FC<{
               )}
             </div>
           </>
-        )
-      ) : (
-        <>
-          <NoDaoFound />
-        </>
-      )}
-    </DaoPageMainDiv>
-  );
+        )}
+      </DaoPageMainDiv>
+    );
+  } else {
+    return <NoDaoFound />;
+  }
 };
 export default memo(DaoMainPage);
diff --git a/packages/govern-console/src/containers/DAO/NoDaoFound.tsx b/packages/govern-console/src/containers/DAO/NoDaoFound.tsx
index 4a61e5e42..6d9802eb9 100644
--- a/packages/govern-console/src/containers/DAO/NoDaoFound.tsx
+++ b/packages/govern-console/src/containers/DAO/NoDaoFound.tsx
@@ -17,12 +17,9 @@ import daoNoutFound from 'images/dao-not-found.svg';
 //* Styled Components List
 
 const VerticalAlignWrapper = styled('div')(({ theme }) => ({
-  transform: 'translate(-50%, -50%)',
-  position: 'absolute',
-  top: '50%',
-  left: '50%',
   height: 'fit-content',
   width: 'fit-content',
+  padding: '120px',
   margin: 'auto',
 }));