From 71f98e0be72ab6de3de42ccbdf070b270fe16bcd Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Wed, 28 May 2025 23:54:34 +0530
Subject: [PATCH] feat: set 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 db927227..e8dc9a97 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' }}>
+      <Typography variant="body1" sx={{ marginTop: '10px', marginBottom: '20px' }}>
         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