diff --git a/CHANGELOG.md b/CHANGELOG.md
index 58fcc4306..f862a2dce 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -41,6 +41,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Improvements
 
+- [#347](https://github.com/alleslabs/celatone-frontend/pull/347) Move tx table accordion arrow to the front and refactor block txs table
+
 ### Bug fixes
 
 ## v1.0.5
diff --git a/src/lib/components/action-msg/ActionMessages.tsx b/src/lib/components/action-msg/ActionMessages.tsx
index d723666b4..ba6a0fd57 100644
--- a/src/lib/components/action-msg/ActionMessages.tsx
+++ b/src/lib/components/action-msg/ActionMessages.tsx
@@ -1,4 +1,4 @@
-import type { BlockTransaction, Transaction } from "lib/types";
+import type { Transaction } from "lib/types";
 import { ActionMsgType } from "lib/types";
 import { extractMsgType } from "lib/utils";
 
@@ -7,7 +7,7 @@ import { SingleActionMsg } from "./SingleActionMsg";
 import { SingleMsg } from "./SingleMsg";
 
 interface RenderActionMessagesProps {
-  transaction: Transaction | BlockTransaction;
+  transaction: Transaction;
 }
 
 export const RenderActionMessages = ({
diff --git a/src/lib/components/table/AccordionTx.tsx b/src/lib/components/table/AccordionTx.tsx
index e7ff5ffe5..034cae0da 100644
--- a/src/lib/components/table/AccordionTx.tsx
+++ b/src/lib/components/table/AccordionTx.tsx
@@ -38,7 +38,7 @@ export const AccordionTx = ({
   message,
   allowFurtherAction,
   isSigner = false,
-  accordionSpacing = "206px",
+  accordionSpacing = "260px",
 }: AccordionTxProps) => {
   const [showButton, setShowButton] = useState(false);
   return (
diff --git a/src/lib/components/table/transactions/TransactionsTable.tsx b/src/lib/components/table/transactions/TransactionsTable.tsx
index 291487942..a9a2d030f 100644
--- a/src/lib/components/table/transactions/TransactionsTable.tsx
+++ b/src/lib/components/table/transactions/TransactionsTable.tsx
@@ -10,6 +10,7 @@ interface TransactionsTableProps {
   isLoading: boolean;
   emptyState: JSX.Element;
   showRelations: boolean;
+  showTimestamp?: boolean;
   showAction?: boolean;
 }
 
@@ -18,20 +19,24 @@ export const TransactionsTable = ({
   isLoading,
   emptyState,
   showRelations,
+  showTimestamp = true,
   showAction = false,
 }: TransactionsTableProps) => {
   if (isLoading) return <Loading />;
   if (!transactions?.length) return emptyState;
 
-  const templateColumns = `150px 40px minmax(360px, 1fr) ${
+  const templateColumns = `25px 180px 40px minmax(360px, 1fr) ${
     showRelations ? "100px " : ""
-  }max(150px) max(220px) ${showAction ? "100px " : ""}60px`;
+  }max(160px) ${showTimestamp ? "max(220px) " : ""}${
+    showAction ? "100px " : ""
+  }`;
 
   return (
     <TableContainer>
       <TransactionsTableHeader
         templateColumns={templateColumns}
         showRelations={showRelations}
+        showTimestamp={showTimestamp}
         showAction={showAction}
       />
       {transactions.map((transaction) => (
@@ -40,6 +45,7 @@ export const TransactionsTable = ({
           transaction={transaction}
           templateColumns={templateColumns}
           showRelations={showRelations}
+          showTimestamp={showTimestamp}
           showAction={showAction}
         />
       ))}
diff --git a/src/lib/components/table/transactions/TransactionsTableHeader.tsx b/src/lib/components/table/transactions/TransactionsTableHeader.tsx
index 5af4fc399..3204c5eeb 100644
--- a/src/lib/components/table/transactions/TransactionsTableHeader.tsx
+++ b/src/lib/components/table/transactions/TransactionsTableHeader.tsx
@@ -6,20 +6,22 @@ import { TableHeader } from "../tableComponents";
 export const TransactionsTableHeader = ({
   templateColumns,
   showRelations,
+  showTimestamp,
   showAction,
 }: {
   templateColumns: GridProps["templateColumns"];
   showRelations: boolean;
+  showTimestamp: boolean;
   showAction: boolean;
 }) => (
   <Grid templateColumns={templateColumns} minW="min-content">
+    <TableHeader />
     <TableHeader>Transaction Hash</TableHeader>
     <TableHeader />
     <TableHeader>Messages</TableHeader>
     {showRelations && <TableHeader>Relations</TableHeader>}
     <TableHeader>Sender</TableHeader>
-    <TableHeader>Timestamp</TableHeader>
+    {showTimestamp && <TableHeader>Timestamp</TableHeader>}
     {showAction && <TableHeader />}
-    <TableHeader />
   </Grid>
 );
diff --git a/src/lib/components/table/transactions/TransactionsTableRow.tsx b/src/lib/components/table/transactions/TransactionsTableRow.tsx
index 436829b9a..789b3ed6a 100644
--- a/src/lib/components/table/transactions/TransactionsTableRow.tsx
+++ b/src/lib/components/table/transactions/TransactionsTableRow.tsx
@@ -1,4 +1,12 @@
-import { Flex, Text, Grid, useDisclosure, Tag, Box } from "@chakra-ui/react";
+import {
+  Flex,
+  Text,
+  Grid,
+  useDisclosure,
+  Tag,
+  Box,
+  Badge,
+} from "@chakra-ui/react";
 
 import { AccordionTx } from "../AccordionTx";
 import { TableRow } from "../tableComponents";
@@ -15,6 +23,7 @@ interface TransactionsTableRowProps {
   transaction: Transaction;
   templateColumns: string;
   showRelations: boolean;
+  showTimestamp: boolean;
   showAction: boolean;
 }
 
@@ -22,6 +31,7 @@ export const TransactionsTableRow = ({
   transaction,
   templateColumns,
   showRelations,
+  showTimestamp,
   showAction,
 }: TransactionsTableRowProps) => {
   const { isOpen, onToggle } = useDisclosure();
@@ -37,12 +47,28 @@ export const TransactionsTableRow = ({
         transition="all .25s ease-in-out"
         cursor={isAccordion ? "pointer" : "default"}
       >
+        <TableRow pl={2}>
+          {isAccordion && (
+            <CustomIcon
+              name="chevron-down"
+              transform={isOpen ? "rotate(0)" : "rotate(-90deg)"}
+              transition="all .25s ease-in-out"
+            />
+          )}
+        </TableRow>
         <TableRow>
-          <ExplorerLink
-            value={transaction.hash.toLocaleUpperCase()}
-            type="tx_hash"
-            showCopyOnHover
-          />
+          <>
+            <ExplorerLink
+              value={transaction.hash.toLocaleUpperCase()}
+              type="tx_hash"
+              showCopyOnHover
+            />
+            {transaction.messages.length > 1 && (
+              <Badge variant="lilac" ml="6px">
+                {transaction.messages.length}
+              </Badge>
+            )}
+          </>
         </TableRow>
         <TableRow>
           {transaction.success ? (
@@ -76,29 +102,22 @@ export const TransactionsTableRow = ({
           />
         </TableRow>
 
-        <TableRow>
-          <Flex direction="column" gap={1}>
-            <Text variant="body3">{formatUTC(transaction.created)}</Text>
-            <Text variant="body3" color="text.dark">
-              {`(${dateFromNow(transaction.created)})`}
-            </Text>
-          </Flex>
-        </TableRow>
+        {showTimestamp && (
+          <TableRow>
+            <Flex direction="column" gap={1}>
+              <Text variant="body3">{formatUTC(transaction.created)}</Text>
+              <Text variant="body3" color="text.dark">
+                {`(${dateFromNow(transaction.created)})`}
+              </Text>
+            </Flex>
+          </TableRow>
+        )}
 
         {showAction && (
           <TableRow>
             <FurtherActionButton transaction={transaction} />
           </TableRow>
         )}
-
-        <TableRow>
-          {isAccordion && (
-            <CustomIcon
-              name={isOpen ? "chevron-up" : "chevron-down"}
-              color="pebble.600"
-            />
-          )}
-        </TableRow>
       </Grid>
       {isAccordion && (
         <Grid w="full" py={4} hidden={!isOpen}>
diff --git a/src/lib/gql/gql.ts b/src/lib/gql/gql.ts
index b7c1cbe9a..5dcec9e70 100644
--- a/src/lib/gql/gql.ts
+++ b/src/lib/gql/gql.ts
@@ -71,7 +71,7 @@ const documents = {
     types.GetTxsDocument,
   "\n  query getTxsCount {\n    transactions(limit: 1, order_by: { id: desc }) {\n      id\n    }\n  }\n":
     types.GetTxsCountDocument,
-  "\n  query getBlockTransactionsByHeightQuery(\n    $limit: Int!\n    $offset: Int!\n    $height: Int!\n  ) {\n    transactions(\n      limit: $limit\n      offset: $offset\n      where: { block_height: { _eq: $height } }\n      order_by: { id: asc }\n    ) {\n      hash\n      success\n      messages\n      account {\n        address\n      }\n      is_clear_admin\n      is_execute\n      is_ibc\n      is_instantiate\n      is_migrate\n      is_send\n      is_store_code\n      is_update_admin\n    }\n  }\n":
+  "\n  query getBlockTransactionsByHeightQuery(\n    $limit: Int!\n    $offset: Int!\n    $height: Int!\n  ) {\n    transactions(\n      limit: $limit\n      offset: $offset\n      where: { block_height: { _eq: $height } }\n      order_by: { id: asc }\n    ) {\n      block {\n        height\n        timestamp\n      }\n      account {\n        address\n      }\n      hash\n      success\n      messages\n      is_clear_admin\n      is_execute\n      is_ibc\n      is_instantiate\n      is_migrate\n      is_send\n      is_store_code\n      is_update_admin\n    }\n  }\n":
     types.GetBlockTransactionsByHeightQueryDocument,
   "\n  query getBlockTransactionCountByHeightQuery($height: Int!) {\n    transactions_aggregate(where: { block_height: { _eq: $height } }) {\n      aggregate {\n        count\n      }\n    }\n  }\n":
     types.GetBlockTransactionCountByHeightQueryDocument,
@@ -180,8 +180,8 @@ export function graphql(
   source: "\n  query getTxsCount {\n    transactions(limit: 1, order_by: { id: desc }) {\n      id\n    }\n  }\n"
 ): typeof documents["\n  query getTxsCount {\n    transactions(limit: 1, order_by: { id: desc }) {\n      id\n    }\n  }\n"];
 export function graphql(
-  source: "\n  query getBlockTransactionsByHeightQuery(\n    $limit: Int!\n    $offset: Int!\n    $height: Int!\n  ) {\n    transactions(\n      limit: $limit\n      offset: $offset\n      where: { block_height: { _eq: $height } }\n      order_by: { id: asc }\n    ) {\n      hash\n      success\n      messages\n      account {\n        address\n      }\n      is_clear_admin\n      is_execute\n      is_ibc\n      is_instantiate\n      is_migrate\n      is_send\n      is_store_code\n      is_update_admin\n    }\n  }\n"
-): typeof documents["\n  query getBlockTransactionsByHeightQuery(\n    $limit: Int!\n    $offset: Int!\n    $height: Int!\n  ) {\n    transactions(\n      limit: $limit\n      offset: $offset\n      where: { block_height: { _eq: $height } }\n      order_by: { id: asc }\n    ) {\n      hash\n      success\n      messages\n      account {\n        address\n      }\n      is_clear_admin\n      is_execute\n      is_ibc\n      is_instantiate\n      is_migrate\n      is_send\n      is_store_code\n      is_update_admin\n    }\n  }\n"];
+  source: "\n  query getBlockTransactionsByHeightQuery(\n    $limit: Int!\n    $offset: Int!\n    $height: Int!\n  ) {\n    transactions(\n      limit: $limit\n      offset: $offset\n      where: { block_height: { _eq: $height } }\n      order_by: { id: asc }\n    ) {\n      block {\n        height\n        timestamp\n      }\n      account {\n        address\n      }\n      hash\n      success\n      messages\n      is_clear_admin\n      is_execute\n      is_ibc\n      is_instantiate\n      is_migrate\n      is_send\n      is_store_code\n      is_update_admin\n    }\n  }\n"
+): typeof documents["\n  query getBlockTransactionsByHeightQuery(\n    $limit: Int!\n    $offset: Int!\n    $height: Int!\n  ) {\n    transactions(\n      limit: $limit\n      offset: $offset\n      where: { block_height: { _eq: $height } }\n      order_by: { id: asc }\n    ) {\n      block {\n        height\n        timestamp\n      }\n      account {\n        address\n      }\n      hash\n      success\n      messages\n      is_clear_admin\n      is_execute\n      is_ibc\n      is_instantiate\n      is_migrate\n      is_send\n      is_store_code\n      is_update_admin\n    }\n  }\n"];
 export function graphql(
   source: "\n  query getBlockTransactionCountByHeightQuery($height: Int!) {\n    transactions_aggregate(where: { block_height: { _eq: $height } }) {\n      aggregate {\n        count\n      }\n    }\n  }\n"
 ): typeof documents["\n  query getBlockTransactionCountByHeightQuery($height: Int!) {\n    transactions_aggregate(where: { block_height: { _eq: $height } }) {\n      aggregate {\n        count\n      }\n    }\n  }\n"];
diff --git a/src/lib/gql/graphql.ts b/src/lib/gql/graphql.ts
index 971f4e60a..266671678 100644
--- a/src/lib/gql/graphql.ts
+++ b/src/lib/gql/graphql.ts
@@ -12751,6 +12751,7 @@ export type GetBlockTransactionsByHeightQueryQuery = {
     is_send: boolean;
     is_store_code: boolean;
     is_update_admin: boolean;
+    block: { __typename?: "blocks"; height: number; timestamp: any };
     account: { __typename?: "accounts"; address: string };
   }>;
 };
@@ -17197,9 +17198,23 @@ export const GetBlockTransactionsByHeightQueryDocument = {
             selectionSet: {
               kind: "SelectionSet",
               selections: [
-                { kind: "Field", name: { kind: "Name", value: "hash" } },
-                { kind: "Field", name: { kind: "Name", value: "success" } },
-                { kind: "Field", name: { kind: "Name", value: "messages" } },
+                {
+                  kind: "Field",
+                  name: { kind: "Name", value: "block" },
+                  selectionSet: {
+                    kind: "SelectionSet",
+                    selections: [
+                      {
+                        kind: "Field",
+                        name: { kind: "Name", value: "height" },
+                      },
+                      {
+                        kind: "Field",
+                        name: { kind: "Name", value: "timestamp" },
+                      },
+                    ],
+                  },
+                },
                 {
                   kind: "Field",
                   name: { kind: "Name", value: "account" },
@@ -17213,6 +17228,9 @@ export const GetBlockTransactionsByHeightQueryDocument = {
                     ],
                   },
                 },
+                { kind: "Field", name: { kind: "Name", value: "hash" } },
+                { kind: "Field", name: { kind: "Name", value: "success" } },
+                { kind: "Field", name: { kind: "Name", value: "messages" } },
                 {
                   kind: "Field",
                   name: { kind: "Name", value: "is_clear_admin" },
diff --git a/src/lib/pages/block-details/components/BlockTxsTable.tsx b/src/lib/pages/block-details/components/BlockTxsTable.tsx
new file mode 100644
index 000000000..e30aa3f86
--- /dev/null
+++ b/src/lib/pages/block-details/components/BlockTxsTable.tsx
@@ -0,0 +1,78 @@
+import type { ChangeEvent } from "react";
+
+import { Pagination } from "lib/components/pagination";
+import { usePaginator } from "lib/components/pagination/usePaginator";
+import { EmptyState } from "lib/components/state";
+import { TransactionsTable } from "lib/components/table";
+import {
+  useTxsByBlockHeightPagination,
+  useTxsCountByBlockHeight,
+} from "lib/services/txService";
+
+const scrollComponentId = "block_tx_table_header";
+
+interface BlockTxsTableProps {
+  height: number;
+}
+
+export const BlockTxsTable = ({ height }: BlockTxsTableProps) => {
+  const { data: blockTxsCount = 0 } = useTxsCountByBlockHeight(height);
+  const {
+    pagesQuantity,
+    currentPage,
+    setCurrentPage,
+    pageSize,
+    setPageSize,
+    offset,
+  } = usePaginator({
+    total: blockTxsCount,
+    initialState: {
+      pageSize: 10,
+      currentPage: 1,
+      isDisabled: false,
+    },
+  });
+
+  const { data: blockTxs, isLoading: isBlockTxsLoading } =
+    useTxsByBlockHeightPagination(height, pageSize, offset);
+
+  const onPageChange = (nextPage: number) => {
+    setCurrentPage(nextPage);
+  };
+
+  const onPageSizeChange = (e: ChangeEvent<HTMLSelectElement>) => {
+    const size = Number(e.target.value);
+    setPageSize(size);
+    setCurrentPage(1);
+  };
+
+  return (
+    <>
+      <TransactionsTable
+        transactions={blockTxs}
+        isLoading={isBlockTxsLoading}
+        emptyState={
+          <EmptyState
+            imageVariant="empty"
+            message="There are no submitted transactions in this block"
+            withBorder
+          />
+        }
+        showRelations={false}
+        showTimestamp={false}
+      />
+      {blockTxsCount > 10 && (
+        <Pagination
+          currentPage={currentPage}
+          pagesQuantity={pagesQuantity}
+          offset={offset}
+          totalData={blockTxsCount}
+          scrollComponentId={scrollComponentId}
+          pageSize={pageSize}
+          onPageChange={onPageChange}
+          onPageSizeChange={onPageSizeChange}
+        />
+      )}
+    </>
+  );
+};
diff --git a/src/lib/pages/block-details/components/index.ts b/src/lib/pages/block-details/components/index.ts
index 2ccb60773..0f62f4ffe 100644
--- a/src/lib/pages/block-details/components/index.ts
+++ b/src/lib/pages/block-details/components/index.ts
@@ -1,3 +1,3 @@
 export * from "./BlockDetailsTop";
 export * from "./BlockInfo";
-export * from "./table";
+export * from "./BlockTxsTable";
diff --git a/src/lib/pages/block-details/components/table/BlockTxTableHeader.tsx b/src/lib/pages/block-details/components/table/BlockTxTableHeader.tsx
deleted file mode 100644
index c7af16d23..000000000
--- a/src/lib/pages/block-details/components/table/BlockTxTableHeader.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import type { GridProps } from "@chakra-ui/react";
-import { Grid } from "@chakra-ui/react";
-
-import { TableHeader } from "lib/components/table";
-
-export const BlockTxTableHeader = ({
-  templateColumns,
-  scrollComponentId,
-}: {
-  templateColumns: GridProps["templateColumns"];
-  scrollComponentId: string;
-}) => (
-  <Grid
-    templateColumns={templateColumns}
-    minW="min-content"
-    id={scrollComponentId}
-  >
-    <TableHeader>Transaction Hash</TableHeader>
-    <TableHeader />
-    <TableHeader>Messages</TableHeader>
-    <TableHeader>Sender</TableHeader>
-    <TableHeader />
-  </Grid>
-);
diff --git a/src/lib/pages/block-details/components/table/BlockTxTableRow.tsx b/src/lib/pages/block-details/components/table/BlockTxTableRow.tsx
deleted file mode 100644
index 0dcdb7416..000000000
--- a/src/lib/pages/block-details/components/table/BlockTxTableRow.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import { Flex, Grid, useDisclosure, Tag, Box } from "@chakra-ui/react";
-
-import { useGetAddressType } from "lib/app-provider";
-import { RenderActionMessages } from "lib/components/action-msg/ActionMessages";
-import { ExplorerLink } from "lib/components/ExplorerLink";
-import { CustomIcon } from "lib/components/icon";
-import { AccordionTx, TableRow } from "lib/components/table";
-import type { BlockTransaction } from "lib/types";
-
-interface BlockTxTableRowProps {
-  transaction: BlockTransaction;
-  templateColumns: string;
-}
-
-export const BlockTxTableRow = ({
-  transaction,
-  templateColumns,
-}: BlockTxTableRowProps) => {
-  const getAddressType = useGetAddressType();
-  const { isOpen, onToggle } = useDisclosure();
-  const isAccordion = transaction.messages.length > 1;
-  return (
-    <Box w="full" minW="min-content">
-      <Grid
-        className="copier-wrapper"
-        templateColumns={templateColumns}
-        onClick={isAccordion ? onToggle : undefined}
-        _hover={{ background: "pebble.900" }}
-        transition="all .25s ease-in-out"
-        cursor={isAccordion ? "pointer" : "default"}
-      >
-        <TableRow>
-          <ExplorerLink
-            value={transaction.hash.toLocaleUpperCase()}
-            type="tx_hash"
-            showCopyOnHover
-          />
-        </TableRow>
-        <TableRow>
-          {transaction.success ? (
-            <CustomIcon name="check" color="success.main" />
-          ) : (
-            <CustomIcon name="close" color="error.main" />
-          )}
-        </TableRow>
-        <TableRow>
-          <Flex gap={1} flexWrap="wrap">
-            <RenderActionMessages transaction={transaction} />
-            {transaction.isIbc && (
-              <Tag variant="honeydew-dark" size="sm">
-                IBC
-              </Tag>
-            )}
-          </Flex>
-        </TableRow>
-
-        <TableRow>
-          <ExplorerLink
-            value={transaction.sender}
-            type={getAddressType(transaction.sender)}
-            showCopyOnHover
-          />
-        </TableRow>
-
-        <TableRow>
-          {isAccordion && (
-            <CustomIcon
-              name={isOpen ? "chevron-up" : "chevron-down"}
-              color="pebble.600"
-            />
-          )}
-        </TableRow>
-      </Grid>
-
-      {isAccordion && (
-        <Grid w="full" py={4} hidden={!isOpen}>
-          {transaction.messages.map((msg, index) => (
-            <AccordionTx
-              key={index.toString() + msg.type}
-              message={msg}
-              allowFurtherAction={false}
-              accordionSpacing="211px"
-            />
-          ))}
-        </Grid>
-      )}
-    </Box>
-  );
-};
diff --git a/src/lib/pages/block-details/components/table/index.tsx b/src/lib/pages/block-details/components/table/index.tsx
deleted file mode 100644
index f24676a7e..000000000
--- a/src/lib/pages/block-details/components/table/index.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import { TableContainer } from "@chakra-ui/react";
-import type { ChangeEvent } from "react";
-
-import { Loading } from "lib/components/Loading";
-import { Pagination } from "lib/components/pagination";
-import { usePaginator } from "lib/components/pagination/usePaginator";
-import { EmptyState } from "lib/components/state";
-import { TableTitle } from "lib/components/table";
-import {
-  useTxsByBlockHeightPagination,
-  useTxsCountByBlockHeight,
-} from "lib/services/txService";
-
-import { BlockTxTableHeader } from "./BlockTxTableHeader";
-import { BlockTxTableRow } from "./BlockTxTableRow";
-
-interface BlockTransactionTableProps {
-  height: number;
-}
-
-const TEMPLATE_COLUMNS = "150px 45px minmax(400px,1fr) 150px 60px";
-const scrollComponentId = "block_tx_table_header";
-
-export const BlockTransactionTable = ({
-  height,
-}: BlockTransactionTableProps) => {
-  const { data: blockTxCount } = useTxsCountByBlockHeight(height);
-  const {
-    pagesQuantity,
-    currentPage,
-    setCurrentPage,
-    pageSize,
-    setPageSize,
-    offset,
-  } = usePaginator({
-    total: blockTxCount,
-    initialState: {
-      pageSize: 10,
-      currentPage: 1,
-      isDisabled: false,
-    },
-  });
-
-  const { data: blockTxs, isLoading: blockTxLoading } =
-    useTxsByBlockHeightPagination(height, pageSize, offset);
-
-  const onPageChange = (nextPage: number) => {
-    setCurrentPage(nextPage);
-  };
-
-  const onPageSizeChange = (e: ChangeEvent<HTMLSelectElement>) => {
-    const size = Number(e.target.value);
-    setPageSize(size);
-    setCurrentPage(1);
-  };
-
-  if (blockTxLoading) return <Loading />;
-  if (!blockTxs || !blockTxCount)
-    return (
-      <>
-        <TableTitle title="Transactions" count={0} />
-        <EmptyState
-          imageVariant="empty"
-          message="There are no submitted transactions in this block"
-          withBorder
-        />
-      </>
-    );
-
-  return (
-    <>
-      <TableTitle title="Transactions" count={blockTxCount} />
-      <TableContainer>
-        <BlockTxTableHeader
-          templateColumns={TEMPLATE_COLUMNS}
-          scrollComponentId={scrollComponentId}
-        />
-        {blockTxs.map((tx, idx) => (
-          <BlockTxTableRow
-            key={`block-tx-${idx.toString()}-${tx.hash}`}
-            templateColumns={TEMPLATE_COLUMNS}
-            transaction={tx}
-          />
-        ))}
-      </TableContainer>
-      {blockTxCount > 10 && (
-        <Pagination
-          currentPage={currentPage}
-          pagesQuantity={pagesQuantity}
-          offset={offset}
-          totalData={blockTxCount}
-          scrollComponentId={scrollComponentId}
-          pageSize={pageSize}
-          onPageChange={onPageChange}
-          onPageSizeChange={onPageSizeChange}
-        />
-      )}
-    </>
-  );
-};
diff --git a/src/lib/pages/block-details/index.tsx b/src/lib/pages/block-details/index.tsx
index b6132185b..5b88037fd 100644
--- a/src/lib/pages/block-details/index.tsx
+++ b/src/lib/pages/block-details/index.tsx
@@ -9,11 +9,7 @@ import { AmpEvent, AmpTrack } from "lib/services/amplitude";
 import { useBlockDetailsQuery } from "lib/services/blockService";
 import { getFirstQueryParam } from "lib/utils";
 
-import {
-  BlockDetailsTop,
-  BlockInfo,
-  BlockTransactionTable,
-} from "./components";
+import { BlockDetailsTop, BlockInfo, BlockTxsTable } from "./components";
 
 const BlockDetail = () => {
   const router = useRouter();
@@ -35,7 +31,7 @@ const BlockDetail = () => {
         <>
           <BlockDetailsTop blockData={blockData} />
           <BlockInfo blockData={blockData} />
-          <BlockTransactionTable height={Number(heightParam)} />
+          <BlockTxsTable height={Number(heightParam)} />
         </>
       ) : (
         <EmptyState
diff --git a/src/lib/query/tx.ts b/src/lib/query/tx.ts
index 64c632c40..bb9bbcca6 100644
--- a/src/lib/query/tx.ts
+++ b/src/lib/query/tx.ts
@@ -96,12 +96,16 @@ export const getBlockTransactionsByHeightQueryDocument = graphql(`
       where: { block_height: { _eq: $height } }
       order_by: { id: asc }
     ) {
-      hash
-      success
-      messages
+      block {
+        height
+        timestamp
+      }
       account {
         address
       }
+      hash
+      success
+      messages
       is_clear_admin
       is_execute
       is_ibc
diff --git a/src/lib/services/txService.ts b/src/lib/services/txService.ts
index a24e0dbd5..65fb7d983 100644
--- a/src/lib/services/txService.ts
+++ b/src/lib/services/txService.ts
@@ -16,14 +16,7 @@ import {
   getBlockTransactionsByHeightQueryDocument,
 } from "lib/query";
 import { createQueryFnWithTimeout } from "lib/query-utils";
-import type {
-  Addr,
-  Option,
-  Transaction,
-  TxFilters,
-  BlockTransaction,
-  Message,
-} from "lib/types";
+import type { Addr, Option, Transaction, TxFilters, Message } from "lib/types";
 import { MsgFurtherAction } from "lib/types";
 import {
   getActionMsgType,
@@ -93,7 +86,7 @@ export const useTxsByAddressPagination = (
         offset,
         pageSize,
       })
-      .then(({ account_transactions }) =>
+      .then<Transaction[]>(({ account_transactions }) =>
         account_transactions.map<Transaction>((transaction) => ({
           hash: parseTxHash(transaction.transaction.hash),
           messages: snakeToCamel(transaction.transaction.messages) as Message[],
@@ -211,10 +204,10 @@ export const useTxs = (
           offset,
           pageSize,
         })
-        .then(({ transactions }) =>
-          transactions.map((transaction) => ({
+        .then<Transaction[]>(({ transactions }) =>
+          transactions.map<Transaction>((transaction) => ({
             hash: parseTxHash(transaction.hash),
-            messages: snakeToCamel(transaction.messages),
+            messages: snakeToCamel(transaction.messages) as Message[],
             sender: transaction.account.address as Addr,
             isSigner: false,
             height: transaction.block.height,
@@ -260,7 +253,7 @@ export const useTxsByBlockHeightPagination = (
   height: number,
   limit: number,
   offset: number
-): UseQueryResult<BlockTransaction[]> => {
+): UseQueryResult<Transaction[]> => {
   const { indexerGraphClient } = useCelatoneApp();
 
   const queryFn = useCallback(
@@ -271,23 +264,27 @@ export const useTxsByBlockHeightPagination = (
           offset,
           height,
         })
-        .then(({ transactions }) =>
-          transactions.map<BlockTransaction>((tx) => ({
-            hash: parseTxHash(tx.hash),
-            messages: snakeToCamel(tx.messages) as Message[],
-            sender: tx.account.address as Addr,
-            success: tx.success,
+        .then<Transaction[]>(({ transactions }) =>
+          transactions.map<Transaction>((transaction) => ({
+            hash: parseTxHash(transaction.hash),
+            messages: snakeToCamel(transaction.messages) as Message[],
+            sender: transaction.account.address as Addr,
+            isSigner: false,
+            height,
+            created: parseDate(transaction.block.timestamp),
+            success: transaction.success,
             actionMsgType: getActionMsgType([
-              tx.is_execute,
-              tx.is_instantiate,
-              tx.is_send,
-              tx.is_store_code,
-              tx.is_migrate,
-              tx.is_update_admin,
-              tx.is_clear_admin,
+              transaction.is_execute,
+              transaction.is_instantiate,
+              transaction.is_send,
+              transaction.is_store_code,
+              transaction.is_migrate,
+              transaction.is_update_admin,
+              transaction.is_clear_admin,
             ]),
-            isIbc: tx.is_ibc,
-            isInstantiate: tx.is_instantiate,
+            furtherAction: MsgFurtherAction.NONE,
+            isIbc: transaction.is_ibc,
+            isInstantiate: transaction.is_instantiate,
           }))
         ),
     [height, limit, offset, indexerGraphClient]
diff --git a/src/lib/styles/theme/components/badge.ts b/src/lib/styles/theme/components/badge.ts
index 6e4626133..39cc8433e 100644
--- a/src/lib/styles/theme/components/badge.ts
+++ b/src/lib/styles/theme/components/badge.ts
@@ -17,6 +17,10 @@ export const Badge: ComponentStyleConfig = {
       background: "pebble.700",
       color: "text.main",
     },
+    lilac: {
+      background: "lilac.main",
+      color: "background.main",
+    },
   },
   defaultProps: {
     variant: "gray",
diff --git a/src/lib/types/tx/transaction.ts b/src/lib/types/tx/transaction.ts
index 25de2f925..22fc05a6c 100644
--- a/src/lib/types/tx/transaction.ts
+++ b/src/lib/types/tx/transaction.ts
@@ -41,17 +41,6 @@ export interface Transaction {
   isInstantiate: boolean;
 }
 
-export type BlockTransaction = Pick<
-  Transaction,
-  | "hash"
-  | "messages"
-  | "success"
-  | "sender"
-  | "actionMsgType"
-  | "isIbc"
-  | "isInstantiate"
->;
-
 export interface TxFilters {
   isExecute: boolean;
   isInstantiate: boolean;