diff --git a/interapp-frontend/src/app/attendance/AttendanceMenu/AttendanceMenu.tsx b/interapp-frontend/src/app/attendance/AttendanceMenu/AttendanceMenu.tsx
index a0ffdd82..7dbf74f8 100644
--- a/interapp-frontend/src/app/attendance/AttendanceMenu/AttendanceMenu.tsx
+++ b/interapp-frontend/src/app/attendance/AttendanceMenu/AttendanceMenu.tsx
@@ -52,13 +52,13 @@ const AttendanceMenu = ({ id }: AttendanceMenuProps) => {
 
     return (
       <>
-        <Stack gap={3} m={10}>
+        <Stack gap={3} m={20}>
           <Title>Verify Attendance</Title>
           <Text>
             This page shows all ongoing service sessions. Click on a session to view the QR code.
           </Text>
         </Stack>
-        <Stack gap={10} m={10}>
+        <Stack gap={10} m={20}>
           {visibleActiveSessions.map(({ hash, service_session_id }) => {
             return <AttendanceMenuEntry service_session_id={service_session_id} key={hash} />;
           })}
@@ -80,7 +80,7 @@ const AttendanceMenu = ({ id }: AttendanceMenuProps) => {
 
     return (
       <>
-        <Stack gap={3} m={15}>
+        <Stack gap={3} m={20}>
           <Title>Verify Attendance</Title>
           <Text>This page shows the QR code for the selected service session.</Text>
         </Stack>
diff --git a/interapp-frontend/src/app/attendance/AttendanceMenu/AttendanceMenuEntry/AttendanceMenuEntry.tsx b/interapp-frontend/src/app/attendance/AttendanceMenu/AttendanceMenuEntry/AttendanceMenuEntry.tsx
index 4faf360c..a018f990 100644
--- a/interapp-frontend/src/app/attendance/AttendanceMenu/AttendanceMenuEntry/AttendanceMenuEntry.tsx
+++ b/interapp-frontend/src/app/attendance/AttendanceMenu/AttendanceMenuEntry/AttendanceMenuEntry.tsx
@@ -53,7 +53,7 @@ export const fetchAttendanceDetails = async (service_session_id: number) => {
     start_time: new Date(sessionDetails.start_time),
     end_time: new Date(sessionDetails.end_time),
     user_details: sessionUserDetails,
-    promotional_image: !!promo ? remapAssetUrl(promo) : null,
+    promotional_image: promo ? remapAssetUrl(promo) : null,
     service_title: serviceTitle,
   };
 };
diff --git a/interapp-frontend/src/app/attendance/page.tsx b/interapp-frontend/src/app/attendance/page.tsx
index 6d24b3ad..348ac37e 100644
--- a/interapp-frontend/src/app/attendance/page.tsx
+++ b/interapp-frontend/src/app/attendance/page.tsx
@@ -5,9 +5,9 @@ import './error-styles.css';
 
 export default async function AttendancePage({
   searchParams,
-}: {
-  searchParams: Readonly<{ [key: string]: string | string[] | undefined }>;
-}) {
+}: Readonly<{
+  searchParams: { [key: string]: string | string[] | undefined };
+}>) {
   // if there is an id, it must be a number
   if (searchParams.id instanceof Array || (searchParams.id && !/^\d+$/.test(searchParams.id)))
     return (
diff --git a/interapp-frontend/src/app/attendance/verify/page.tsx b/interapp-frontend/src/app/attendance/verify/page.tsx
index 90658b3c..9242657f 100644
--- a/interapp-frontend/src/app/attendance/verify/page.tsx
+++ b/interapp-frontend/src/app/attendance/verify/page.tsx
@@ -5,9 +5,9 @@ import './../error-styles.css';
 
 export default function AttendanceVerifyPage({
   searchParams,
-}: {
-  searchParams: Readonly<{ [key: string]: string | string[] | undefined }>;
-}) {
+}: Readonly<{
+  searchParams: { [key: string]: string | string[] | undefined };
+}>) {
   if (searchParams.hash instanceof Array || searchParams.hash === undefined)
     return (
       <div className='error-container'>