Sytle: A little tweak

src/pages/connections.tsx

@@ -200,10 +200,10 @@ const ConnectionsPage = () => {
       </Box>
 
       <Box
-        height="calc(100% - 70px)"
+        height="calc(100% - 65px)"
         sx={{
           userSelect: "text",
-          margin: "12px",
+          margin: "10px",
           borderRadius: "8px",
           bgcolor: isDark ? "#282a36" : "#ffffff",
         }}

src/pages/logs.tsx

@@ -110,9 +110,9 @@ const LogPage = () => {
       </Box>
 
       <Box
-        height="calc(100% - 70px)"
+        height="calc(100% - 65px)"
         sx={{
-          margin: "12px",
+          margin: "10px",
           borderRadius: "8px",
           bgcolor: isDark ? "#282a36" : "#ffffff",
         }}

src/pages/profiles.tsx

@@ -358,7 +358,7 @@ const ProfilePage = () => {
           mb: 0.5,
           pl: "10px",
           mr: "10px",
-          height: "calc(100% - 20px)",
+          height: "calc(100% - 68px)",
           overflowY: "auto",
         }}
       >

src/pages/rules.tsx

@@ -56,9 +56,9 @@ const RulesPage = () => {
       </Box>
 
       <Box
-        height="calc(100% - 70px)"
+        height="calc(100% - 65px)"
         sx={{
-          margin: "12px",
+          margin: "10px",
           borderRadius: "8px",
           bgcolor: isDark ? "#282a36" : "#ffffff",
         }}

src/pages/test.tsx

@@ -134,7 +134,7 @@ const TestPage = () => {
     >
       <Box
         sx={{
-          pt: 1,
+          pt: 1.25,
           mb: 0.5,
           px: "10px",
         }}