From 1001fed5e4b60bfe026f80aaaef5b8168a4184a5 Mon Sep 17 00:00:00 2001
From: Ramida J <jennieramida@gmail.com>
Date: Thu, 12 Jan 2023 14:49:59 +0700
Subject: [PATCH 1/2] fix(components): fix past transaction misalignment

---
 src/lib/components/Loading.tsx                  |  9 ++++++++-
 src/lib/pages/pastTxs/components/FalseState.tsx | 15 +++++++++++----
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/Loading.tsx b/src/lib/components/Loading.tsx
index bbcbf45b8..0b10be746 100644
--- a/src/lib/components/Loading.tsx
+++ b/src/lib/components/Loading.tsx
@@ -2,7 +2,14 @@ import { Flex, Spinner, Text } from "@chakra-ui/react";
 
 export const Loading = () => {
   return (
-    <Flex borderY="1px solid" borderColor="divider.main" width="full" py="48px">
+    <Flex
+      borderY="1px solid"
+      borderColor="divider.main"
+      width="full"
+      py={12}
+      flexDirection="column"
+      alignItems="center"
+    >
       <Spinner size="xl" speed="0.65s" />
       <Text mt="20px">Loading ...</Text>
     </Flex>
diff --git a/src/lib/pages/pastTxs/components/FalseState.tsx b/src/lib/pages/pastTxs/components/FalseState.tsx
index a86c05ebb..92ca2c4d3 100644
--- a/src/lib/pages/pastTxs/components/FalseState.tsx
+++ b/src/lib/pages/pastTxs/components/FalseState.tsx
@@ -8,12 +8,19 @@ interface FalseStateProps {
 }
 export const FalseState = ({ icon, text1, text2 }: FalseStateProps) => {
   return (
-    <Flex borderY="1px solid" borderColor="divider.main" width="full" py="48px">
+    <Flex
+      borderY="1px solid"
+      borderColor="divider.main"
+      width="full"
+      py={12}
+      flexDirection="column"
+      alignItems="center"
+    >
       <Icon
         as={icon === "off" ? MdSearchOff : MdSearch}
-        mb="26px"
-        w="70px"
-        h="70px"
+        mb={4}
+        w="64px"
+        h="64px"
         color="gray.600"
       />
       <Text variant="body1" color="text.dark">

From e09025c1f4d48012e58c4b3c483ff0dddb84c2db Mon Sep 17 00:00:00 2001
From: Ramida J <jennieramida@gmail.com>
Date: Thu, 12 Jan 2023 14:52:03 +0700
Subject: [PATCH 2/2] fix(components): add change log

---
 CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index cd21a6bc5..7785df43e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -38,7 +38,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## Unreleased
 
 ### Features
-
+- [#80](https://github.com/alleslabs/celatone-frontend/pull/80) Fix the misalignment of state in the PastTx page
 - [#70](https://github.com/alleslabs/celatone-frontend/pull/70) Change default token denom on contract detail
 - [#78](https://github.com/alleslabs/celatone-frontend/pull/78) Ignore building step when branch is not main
 - [#62](https://github.com/alleslabs/celatone-frontend/pull/62) Add footer