Adjusted margins

frontend/src/components/About/About.tsx

@@ -8,6 +8,7 @@ import { aboutStyles } from './styles';
 import books from '../../images/aboutbooks.png';
 import lightBulb from '../../images/aboutlightbulb.png';
 import MeetTheTeam from './MeetTheTeam';
+//import Communities from './Communities';
 import about1 from '../../images/aboutpage/about_1.jpg';
 import about2 from '../../images/aboutpage/about_2.jpg';
 import about3 from '../../images/aboutpage/about_3.jpg';
@@ -317,7 +318,6 @@ const About = () => {
               </Grid>
             </Grid>
           )}
-
           <MeetTheTeam />
         </Container>
       </Box>

frontend/src/components/Membership/RewardsMenu.tsx

@@ -85,6 +85,8 @@ const RewardsMenu = (userData: RewardsProp) => {
         sx={{
           ...styles.eventsAttendedTitle,
           marginLeft: isMobile ? '16%' : '0',
+          marginTop: isMobile ? '16%' : '14px', // Adjusted marginTop to move the title upwards
+
         }}
       >
         REWARDS