From ac8ae2652ee6422a6f356f7af7056193ea390c10 Mon Sep 17 00:00:00 2001
From: jojopirker <j.pirker@gmail.com>
Date: Thu, 5 Jan 2023 10:33:35 +0100
Subject: [PATCH] spacing for message dashboard

---
 website/src/pages/messages/index.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/website/src/pages/messages/index.tsx b/website/src/pages/messages/index.tsx
index 9ecdeb35..39430caf 100644
--- a/website/src/pages/messages/index.tsx
+++ b/website/src/pages/messages/index.tsx
@@ -41,9 +41,11 @@ const MessagesDashboard = () => {
             <SideMenu />
           </Box>
           <Box className="flex flex-col overflow-auto p-6 sm:pl-0 gap-14">
-            <SimpleGrid columns={[1, 1, 1, 2]} spacing={2}>
+            <SimpleGrid columns={[1, 1, 1, 2]} gap={4}>
               <Box>
-                <Text className="text-2xl font-bold">Most recent messages</Text>
+                <Text className="text-2xl font-bold" pb="4">
+                  Most recent messages
+                </Text>
                 <Box
                   backgroundColor={boxBgColor}
                   boxShadow="base"
@@ -55,7 +57,9 @@ const MessagesDashboard = () => {
                 </Box>
               </Box>
               <Box>
-                <Text className="text-2xl font-bold">Your most recent messages</Text>
+                <Text className="text-2xl font-bold" pb="4">
+                  Your most recent messages
+                </Text>
                 <Box
                   backgroundColor={boxBgColor}
                   boxShadow="base"