diff --git a/frontend/src/components/EventAdmin.tsx b/frontend/src/components/EventAdmin.tsx
index 1dca0ee..8bf1217 100644
--- a/frontend/src/components/EventAdmin.tsx
+++ b/frontend/src/components/EventAdmin.tsx
@@ -839,8 +839,20 @@ const EventAdmin: React.FC = () => {
 
             <Box sx={{ mb: 4 }}>
               <Typography variant="subtitle1" gutterBottom>
-                <strong>Info:</strong> {event.description || 'None'}
+                <strong>Info:</strong>
               </Typography>
+              <Box
+                sx={{
+                  mb: 2,
+                  pl: 2,
+                  '& p': { marginBottom: 1 },
+                  '& ul, & ol': { marginLeft: 2, marginBottom: 1 },
+                  '& li': { marginBottom: 0.5 },
+                  '& h1, & h2, & h3': { marginTop: 2, marginBottom: 1 },
+                  '& a': { color: 'primary.main' },
+                }}
+                dangerouslySetInnerHTML={{ __html: event.description || 'None' }}
+              />
               <Typography variant="subtitle1" gutterBottom>
                 <strong>Date:</strong> {new Date(event.date).toLocaleString()}
               </Typography>
diff --git a/frontend/src/components/EventList.tsx b/frontend/src/components/EventList.tsx
index 5e178a6..27e73e5 100644
--- a/frontend/src/components/EventList.tsx
+++ b/frontend/src/components/EventList.tsx
@@ -153,9 +153,25 @@ const EventList: React.FC = () => {
                       />
                     </Box>
                     {event.description && (
-                      <Typography variant="body2" color="text.secondary">
-                        <strong>Info:</strong> {event.description}
-                      </Typography>
+                      <>
+                        <Typography variant="body2" color="text.secondary" gutterBottom>
+                          <strong>Info:</strong>
+                        </Typography>
+                        <Box
+                          sx={{
+                            pl: 2,
+                            mb: 1,
+                            color: 'text.secondary',
+                            fontSize: '0.875rem',
+                            '& p': { marginBottom: 0.5 },
+                            '& ul, & ol': { marginLeft: 2, marginBottom: 0.5 },
+                            '& li': { marginBottom: 0.25 },
+                            '& h1, & h2, & h3': { marginTop: 1, marginBottom: 0.5, fontSize: '1rem' },
+                            '& a': { color: 'primary.main' },
+                          }}
+                          dangerouslySetInnerHTML={{ __html: event.description }}
+                        />
+                      </>
                     )}
                     <Typography variant="body2" color="text.secondary">
                       <strong>Date:</strong> {new Date(event.date).toLocaleString()}
diff --git a/frontend/src/components/EventView.tsx b/frontend/src/components/EventView.tsx
index 4796cb8..5259339 100644
--- a/frontend/src/components/EventView.tsx
+++ b/frontend/src/components/EventView.tsx
@@ -187,8 +187,20 @@ const EventView: React.FC = () => {
 
             <Box sx={{ mb: 4 }}>
               <Typography variant="subtitle1" gutterBottom>
-                <strong>Info:</strong> {event.description || 'None'}
+                <strong>Info:</strong>
               </Typography>
+              <Box
+                sx={{
+                  mb: 2,
+                  pl: 2,
+                  '& p': { marginBottom: 1 },
+                  '& ul, & ol': { marginLeft: 2, marginBottom: 1 },
+                  '& li': { marginBottom: 0.5 },
+                  '& h1, & h2, & h3': { marginTop: 2, marginBottom: 1 },
+                  '& a': { color: 'primary.main' },
+                }}
+                dangerouslySetInnerHTML={{ __html: event.description || 'None' }}
+              />
               <Typography variant="subtitle1" gutterBottom>
                 <strong>Date:</strong> {new Date(event.date).toLocaleString()}
               </Typography>
diff --git a/frontend/src/components/RSVPForm.tsx b/frontend/src/components/RSVPForm.tsx
index 10d71cd..dccc79a 100644
--- a/frontend/src/components/RSVPForm.tsx
+++ b/frontend/src/components/RSVPForm.tsx
@@ -453,9 +453,24 @@ const RSVPForm: React.FC = () => {
                   {event.title}
                 </Typography>
                 {event.description && (
-                  <Typography variant="body2" color="text.secondary">
-                    <strong>Info:</strong> {event.description}
-                  </Typography>
+                  <>
+                    <Typography variant="body2" color="text.secondary" gutterBottom>
+                      <strong>Info:</strong>
+                    </Typography>
+                    <Box
+                      sx={{
+                        pl: 2,
+                        color: 'text.secondary',
+                        fontSize: '0.875rem',
+                        '& p': { marginBottom: 1 },
+                        '& ul, & ol': { marginLeft: 2, marginBottom: 1 },
+                        '& li': { marginBottom: 0.5 },
+                        '& h1, & h2, & h3': { marginTop: 2, marginBottom: 1 },
+                        '& a': { color: 'primary.main' },
+                      }}
+                      dangerouslySetInnerHTML={{ __html: event.description }}
+                    />
+                  </>
                 )}
                 {event.description && <Divider sx={{ my: 2 }} />} {/* Separator after Info */}
                 <Box> {/* Grouping Date, Location, and Note */}