diff --git a/src/Components/NotificationIntegrationModal/NotificationIntegrationModal.jsx b/src/Components/NotificationIntegrationModal/NotificationIntegrationModal.jsx
index 8716550f5..0a70b6448 100644
--- a/src/Components/NotificationIntegrationModal/NotificationIntegrationModal.jsx
+++ b/src/Components/NotificationIntegrationModal/NotificationIntegrationModal.jsx
@@ -170,7 +170,7 @@ const NotificationIntegrationModal = ({
           </Box>
 
           {/* Right side content */}
-          <Box sx={{ flex: 1, pl: 15 }}>
+          <Box sx={{ flex: 1, pl: theme.spacing(15) }}>
             {/* Slack Tab */}
             <TabPanel value={tabValue} index={0}>
               <Typography variant="subtitle1" component="h4" sx={{ fontWeight: 'bold' }}>Slack</Typography>