From 055799a1356aeadd0426fe25cab249738bbe60c1 Mon Sep 17 00:00:00 2001
From: Skorpios <cosmicray23@hotmail.com>
Date: Tue, 4 Mar 2025 15:57:30 -0800
Subject: [PATCH] Used theme values for consistency instead of hardcoded values
 for padding.

---
 .../NotificationIntegrationModal.jsx                          | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/Components/NotificationIntegrationModal/NotificationIntegrationModal.jsx b/src/Components/NotificationIntegrationModal/NotificationIntegrationModal.jsx
index ae6cdc28b..cc326e0dc 100644
--- a/src/Components/NotificationIntegrationModal/NotificationIntegrationModal.jsx
+++ b/src/Components/NotificationIntegrationModal/NotificationIntegrationModal.jsx
@@ -18,6 +18,8 @@ import Checkbox from "../Inputs/Checkbox";
 
 // Tab Panel component
 function TabPanel({ children, value, index, ...other }) {
+  const theme = useTheme(); 
+  
   return (
     <div
       role="tabpanel"
@@ -27,7 +29,7 @@ function TabPanel({ children, value, index, ...other }) {
       {...other}
     >
       {value === index && (
-        <Box sx={{ pt: 3 }}>
+        <Box sx={{ pt: theme.spacing(3) }}>
           {children}
         </Box>
       )}