From f6c237f018896268b97c69d3d13ea1d6da374a8f Mon Sep 17 00:00:00 2001
From: TTPL-RT-52 <shreyas1434shinde@gmail.com>
Date: Fri, 19 Jul 2024 14:45:32 +0530
Subject: [PATCH] Issue #PS-1333 fix: Select Topic Sub-topic modal UI
 Implementation

---
 src/components/SelectTopic.tsx  | 8 ++++----
 src/components/TopicDetails.tsx | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/SelectTopic.tsx b/src/components/SelectTopic.tsx
index 012572f3..7140b708 100644
--- a/src/components/SelectTopic.tsx
+++ b/src/components/SelectTopic.tsx
@@ -50,18 +50,18 @@ function SelectTopic() {
             style={{ borderRadius: '4px' }}
             className="topic-select"
           >
-            {/* <MenuItem value={'Mathematics'}>
+            <MenuItem value={'Food & Nutrition'}>
               <Checkbox
                 sx={{
                   '&.Mui-checked': {
                     color: theme?.palette?.warning['300'],
                   },
                 }}
-                checked={selectedValues.indexOf('Mathematics') > -1}
+                checked={selectedValues.indexOf('Food & Nutrition') > -1}
               />
-              <ListItemText primary="Mathematics" />
+              <ListItemText primary="Food & Nutrition" />
             </MenuItem>
-            
+
             {/* Add more MenuItem components as needed */}
           </Select>
         </FormControl>
diff --git a/src/components/TopicDetails.tsx b/src/components/TopicDetails.tsx
index bab2ea23..86ffabc2 100644
--- a/src/components/TopicDetails.tsx
+++ b/src/components/TopicDetails.tsx
@@ -18,7 +18,7 @@ const TopicDetails = () => {
   const theme = useTheme<any>();
   return (
     <>
-      <Box sx={{ padding: '8px 10px' }}>
+      <Box sx={{ padding: '8px 16px' }}>
         <Box
           sx={{
             background: theme?.palette?.action?.selected,