diff --git a/frontend/client-portal/src/pages/AlarmCenter/List.tsx b/frontend/client-portal/src/pages/AlarmCenter/List.tsx
index a2c9e7f3..78198237 100644
--- a/frontend/client-portal/src/pages/AlarmCenter/List.tsx
+++ b/frontend/client-portal/src/pages/AlarmCenter/List.tsx
@@ -298,26 +298,26 @@ export default function List() {
       setData(
         response.data.data.map((obj: any) => ({
           ...obj,
-          start_date: <Label>{obj.start_date ? fDateSuffix(obj.start_date) : '-'}</Label>,
-          end_date: <Label> {obj.end_date ? fDateSuffix(obj.end_date) : '-'}</Label>,
+          start_date: obj.start_date ? <Label>{fDateSuffix(obj.start_date)}</Label> : '-',
+          end_date: obj.end_date ? <Label>{fDateSuffix(obj.end_date)}</Label> : '-',
           action: (
             <TableMoreMenu
-            actions={
+              actions={
                 <>
-                    <MenuItem onClick={() => navigate('member/' + obj.id)}>
-                        <VisibilityOutlinedIcon />
-                        View
-                    </MenuItem>
-                    <MenuItem onClick={() => handleDocumentClick(obj.link_document)}>
-                        <Download />
-                        Document Member
-                    </MenuItem>
+                  <MenuItem onClick={() => navigate('member/' + obj.id)}>
+                    <VisibilityOutlinedIcon />
+                    View
+                  </MenuItem>
+                  <MenuItem onClick={() => handleDocumentClick(obj.link_document)}>
+                    <Download />
+                    Document Member
+                  </MenuItem>
                 </>
-            }
+              }
             />
-        
           ),
         }))
+        
       );
 
       setPaginationTable(response.data);