Merge pull request #904 from alleslabs/fix/deploy-contracts-ui

Fix(components): WASM page container text alignment
alleslabs · Apr 30, 2024 · f1fa9df · f1fa9df
2 parents 6e03186 + ed48fc3
commit f1fa9df
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -49,6 +49,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Bug fixes
 
+- [#904](https://github.com/alleslabs/celatone-frontend/pull/904) Fix wasm page container text alignment
 - [#893](https://github.com/alleslabs/celatone-frontend/pull/893) Fix validator list percent
 
 ## v1.6.0

diff --git a/src/lib/components/WasmPageContainer.tsx b/src/lib/components/WasmPageContainer.tsx
@@ -1,5 +1,5 @@
 import type { BoxProps } from "@chakra-ui/react";
-import { Box } from "@chakra-ui/react";
+import { Flex } from "@chakra-ui/react";
 import type { ReactNode } from "react";
 
 type WasmPageContainerProps = {
@@ -8,17 +8,18 @@ type WasmPageContainerProps = {
 };
 
 const WasmPageContainer = ({ children, boxProps }: WasmPageContainerProps) => (
-  <Box
+  <Flex
     as="main"
     align="center"
+    direction="column"
     w={540}
     mx="auto"
     minH="inherit"
     py={12}
     {...boxProps}
   >
     {children}
-  </Box>
+  </Flex>
 );
 
 export default WasmPageContainer;