From c128e187f3cba53e1e5630cf77adc9069c2ec601 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Wed, 28 May 2025 23:56:55 +0530
Subject: [PATCH] feat: increase margin bottom

---
 src/components/api/ApiKey.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/api/ApiKey.tsx b/src/components/api/ApiKey.tsx
index c5603446..244eaa33 100644
--- a/src/components/api/ApiKey.tsx
+++ b/src/components/api/ApiKey.tsx
@@ -108,7 +108,7 @@ const ApiKeyManager = () => {
 
   return (
     <Container sx={{ alignSelf: 'flex-start' }}>
-      <Typography variant="body1" sx={{ marginTop: '10px', marginBottom: '20px' }}>
+      <Typography variant="body1" sx={{ marginTop: '10px', marginBottom: '40px' }}>
         Start by creating an API key below. Then,
         <a href={`${apiUrl}/api-docs/`} target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'none', marginLeft: '5px', marginRight: '5px' }}>
           test your API