#4003 changes from review

Author: staysgt

src/frontend/src/pages/GuestProjectsPage/GuestProjectsCard.tsx

@@ -42,7 +42,7 @@ const GuestProjectsCard: React.FC<ProjectCardProps> = ({ project }) => {
               >
                 {wbsNamePipe(singleProject)}
               </Typography>
-              {activeWorkPackages[0] ? (
+              {activeWorkPackages[0]?.stage ? (
                 <Chip
                   size="medium"
                   variant="filled"
@@ -52,7 +52,7 @@ const GuestProjectsCard: React.FC<ProjectCardProps> = ({ project }) => {
                     bgcolor: alpha(theme.palette.primary.main, 0.45),
                     color: theme.palette.primary.light
                   }}
-                  label={activeWorkPackages[0]?.stage}
+                  label={activeWorkPackages[0].stage}
                 />
               ) : null}
             </Box>
@@ -77,21 +77,25 @@ const GuestProjectsCard: React.FC<ProjectCardProps> = ({ project }) => {
           </Box>
         </Stack>
         <Typography>{singleProject.summary}</Typography>
-        <Box alignItems={'center'} display={'flex'} justifyContent={'center'} marginTop={2}>
-          <Link component={RouterLink} to={`/projects/${wbsPipe(project.wbsNum)}`}>
-            <NERButton
-              sx={{
-                backgroundColor: theme.palette.error.main,
-                color: theme.palette.error.contrastText,
-                '&:hover': {
-                  backgroundColor: theme.palette.error.dark
-                }
-              }}
-            >
-              Learn more
-            </NERButton>
-          </Link>
-        </Box>
+        <Link
+          component={RouterLink}
+          to={`/projects/${wbsPipe(project.wbsNum)}`}
+          sx={{ width: '100%', textDecoration: 'none' }}
+        >
+          <NERButton
+            fullWidth
+            sx={{
+              marginTop: 2,
+              backgroundColor: theme.palette.error.main,
+              color: theme.palette.error.contrastText,
+              '&:hover': {
+                backgroundColor: theme.palette.error.dark
+              }
+            }}
+          >
+            Learn more
+          </NERButton>
+        </Link>
       </CardContent>
     </Card>
   );

src/frontend/src/pages/HomePage/components/FeaturedProjects.tsx

@@ -12,6 +12,7 @@ import ScrollablePageBlock from './ScrollablePageBlock';
 import EmptyPageBlockDisplay from './EmptyPageBlockDisplay';
 import { Box, Stack, useMediaQuery } from '@mui/material';
 import { Error } from '@mui/icons-material';
+import GuestProjectsCard from '../../GuestProjectsPage/GuestProjectsCard';
 
 const NoFeaturedProjectsDisplay: React.FC = () => {
   return (
@@ -51,7 +52,7 @@ const FeaturedProjects: React.FC = () => {
         {featuredProjects.length === 0 ? (
           <NoFeaturedProjectsDisplay />
         ) : (
-          featuredProjects.map((p) => <FeaturedProjectsCard key={wbsPipe(p.wbsNum)} project={p} />)
+          featuredProjects.map((p) => <GuestProjectsCard project={p} />)
         )}
       </Stack>
     </ScrollablePageBlock>