From 4339e94ed4beb75cd8d115be5d0d3dedcbba1b07 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Thu, 3 Oct 2024 05:09:23 +0530
Subject: [PATCH] feat: use paper for table container

---
 src/components/organisms/ApiKey.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/organisms/ApiKey.tsx b/src/components/organisms/ApiKey.tsx
index e79be76b..eba295db 100644
--- a/src/components/organisms/ApiKey.tsx
+++ b/src/components/organisms/ApiKey.tsx
@@ -12,6 +12,7 @@ import {
   TableHead,
   TableRow,
   Tooltip,
+  Paper,
 } from '@mui/material';
 import { ContentCopy, Visibility, Delete } from '@mui/icons-material';
 import styled from 'styled-components';
@@ -23,6 +24,7 @@ const Container = styled(Box)`
   flex-direction: column;
   align-items: center;
   margin-top: 50px;
+  margin-left: 50px;
 `;
 
 const ApiKeyManager = () => {
@@ -89,7 +91,7 @@ const ApiKeyManager = () => {
       <Typography variant="h5">Manage Your API Key</Typography>
 
       {apiKey ? (
-        <TableContainer>
+      <TableContainer component={Paper} sx={{ width: '100%', overflow: 'hidden' }}>
           <Table>
             <TableHead>
               <TableRow>