diff --git a/src/components/Molecules/BlockDetails/BlockDetails.tsx b/src/components/Molecules/BlockDetails/BlockDetails.tsx
index 07596d62..2b7e21d2 100644
--- a/src/components/Molecules/BlockDetails/BlockDetails.tsx
+++ b/src/components/Molecules/BlockDetails/BlockDetails.tsx
@@ -41,16 +41,12 @@ export const BlockDetails: React.FC<BlockDetailsProps> = ({
     return (
         <Card className="flex w-full flex-col items-start gap-x-4 rounded border border-secondary-light p-2 dark:border-secondary-dark dark:bg-background-dark dark:text-white">
             {maybeResult.match({
-                None: () => (
-                    <div className="mt-4">
-                        <Skeleton size={GRK_SIZES.LARGE} />
-                    </div>
-                ),
+                None: () => <Skeleton size={GRK_SIZES.LARGE} />,
                 Some: (block) =>
                     errorMessage ? (
                         <p className="mt-4">{errorMessage}</p>
                     ) : (
-                        <div className="mt-2 grid w-full grid-cols-3 gap-16 gap-y-4">
+                        <div className="grid w-full grid-cols-3 gap-16 gap-y-4">
                             <div>
                                 <CardDescription>HEIGHT</CardDescription>
 
diff --git a/src/components/Molecules/TransactionDetails/TransactionDetails.tsx b/src/components/Molecules/TransactionDetails/TransactionDetails.tsx
index 3c91c5a3..69ffc9f9 100644
--- a/src/components/Molecules/TransactionDetails/TransactionDetails.tsx
+++ b/src/components/Molecules/TransactionDetails/TransactionDetails.tsx
@@ -52,16 +52,12 @@ export const TransactionDetails: React.FC<TransactionDetailsProps> = ({
     return (
         <Card className="flex w-full flex-col items-start gap-x-4 rounded border border-secondary-light p-2 dark:border-secondary-dark dark:bg-background-dark dark:text-white">
             {maybeResult.match({
-                None: () => (
-                    <div className="mt-4">
-                        <Skeleton size={GRK_SIZES.LARGE} />
-                    </div>
-                ),
+                None: () => <Skeleton size={GRK_SIZES.LARGE} />,
                 Some: (tx) =>
                     errorMessage ? (
                         <p className="mt-4">{errorMessage}</p>
                     ) : (
-                        <div className="mt-2 grid w-full grid-cols-3 gap-16 gap-y-4">
+                        <div className="grid w-full grid-cols-3 gap-16 gap-y-4">
                             <div>
                                 <CardDescription>TX HASH</CardDescription>
 
diff --git a/src/components/ui/table.tsx b/src/components/ui/table.tsx
index 9a4461d8..60e5e54c 100644
--- a/src/components/ui/table.tsx
+++ b/src/components/ui/table.tsx
@@ -57,7 +57,7 @@ const TableRow = forwardRef<
     <tr
         ref={ref}
         className={cn(
-            "border-b border-secondary-light transition-colors hover:bg-secondary-light data-[state=selected]:bg-primary-light dark:border-secondary-dark dark:hover:bg-primary-dark dark:data-[state=selected]:bg-primary-dark",
+            "border-b border-secondary-light transition-colors hover:bg-secondary-light data-[state=selected]:bg-primary-light dark:border-secondary-dark dark:hover:bg-secondary-dark dark:data-[state=selected]:bg-primary-dark",
             className
         )}
         {...props}