diff --git a/src/components/Clock/index.tsx b/src/components/Clock/index.tsx
new file mode 100644
index 0000000..3646d4c
--- /dev/null
+++ b/src/components/Clock/index.tsx
@@ -0,0 +1,52 @@
+import {
+    useEffect,
+    useState,
+} from 'react';
+
+const dateTimeFormatter = new Intl.DateTimeFormat(
+    [],
+    {
+        year: 'numeric',
+        month: 'short',
+        day: 'numeric',
+        weekday: 'short',
+        hour: 'numeric',
+        minute: 'numeric',
+        // second: 'numeric',
+        hour12: true,
+    },
+);
+
+function formatTime(date: Date) {
+    return dateTimeFormatter.format(date);
+}
+
+function Clock() {
+    const [dateStr, setDateStr] = useState(() => {
+        const date = new Date();
+        return formatTime(date);
+    });
+    useEffect(
+        () => {
+            const timeout = window.setInterval(
+                () => {
+                    const date = new Date();
+                    const dateAsString = formatTime(date);
+                    setDateStr(dateAsString);
+                },
+                500,
+            );
+            return () => {
+                window.clearInterval(timeout);
+            };
+        },
+        [],
+    );
+    return (
+        <div>
+            {dateStr}
+        </div>
+    );
+}
+
+export default Clock;
diff --git a/src/components/MonthlyCalendar/index.tsx b/src/components/MonthlyCalendar/index.tsx
index 1bef486..ce56274 100644
--- a/src/components/MonthlyCalendar/index.tsx
+++ b/src/components/MonthlyCalendar/index.tsx
@@ -19,6 +19,14 @@ import DateContext from '#contexts/date';
 
 import styles from './styles.module.css';
 
+const dateFormatter = new Intl.DateTimeFormat(
+    [],
+    {
+        year: 'numeric',
+        month: 'short',
+    },
+);
+
 const weekDaysName = [
     'Su',
     'Mo',
@@ -129,6 +137,8 @@ function MonthlyCalendar(props: Props) {
         return days;
     }, [year, month]);
 
+    const formattedDate = dateFormatter.format(new Date(year, month, 1));
+
     return (
         <div className={_cs(styles.calendarContainer, className)}>
             <div className={styles.header}>
@@ -150,10 +160,9 @@ function MonthlyCalendar(props: Props) {
                 >
                     <RiArrowRightSLine />
                 </Button>
+                <div className={styles.spacer} />
                 <div>
-                    {year}
-                    /
-                    {String(month + 1).padStart(2, '0')}
+                    {formattedDate}
                 </div>
             </div>
             <div className={styles.monthlyCalendar}>
diff --git a/src/components/MonthlyCalendar/styles.module.css b/src/components/MonthlyCalendar/styles.module.css
index e30eefe..1ee0139 100644
--- a/src/components/MonthlyCalendar/styles.module.css
+++ b/src/components/MonthlyCalendar/styles.module.css
@@ -8,6 +8,10 @@
         gap: var(--spacing-sm);
         align-items: baseline;
         font-size: var(--font-size-sm);
+
+        .spacer {
+            flex-grow: 1;
+        }
     }
 
     .monthly-calendar {
diff --git a/src/views/DailyJournal/AvailabilityDialog/index.tsx b/src/views/DailyJournal/AvailabilityDialog/index.tsx
index 60413d6..c464464 100644
--- a/src/views/DailyJournal/AvailabilityDialog/index.tsx
+++ b/src/views/DailyJournal/AvailabilityDialog/index.tsx
@@ -188,7 +188,8 @@ function AvailabilityDialog(props: Props) {
                 return key === 'FIRST_HALF';
             }
             if (dialogState.wfhType === 'FULL') {
-                return false;
+                // NOTE: So that we can see all options
+                return true;
             }
             return true;
         },
@@ -204,7 +205,8 @@ function AvailabilityDialog(props: Props) {
                 return key === 'FIRST_HALF';
             }
             if (dialogState.leaveType === 'FULL') {
-                return false;
+                // NOTE: So that we can see all options
+                return true;
             }
             return true;
         },
@@ -221,32 +223,28 @@ function AvailabilityDialog(props: Props) {
             contentClassName={styles.modalContent}
             className={styles.availabilityDialog}
         >
-            {dialogState.wfhType !== 'FULL' && (
-                <RadioInput
-                    name="leaveType"
-                    label="Leave"
-                    options={availableLeaveTypeOptions}
-                    keySelector={leaveTypeKeySelector}
-                    labelSelector={leaveTypeLabelSelector}
-                    onChange={setFieldValue}
-                    value={dialogState.leaveType}
-                    disabled={disabled}
-                    clearable
-                />
-            )}
-            {dialogState.leaveType !== 'FULL' && (
-                <RadioInput
-                    name="wfhType"
-                    label="Work from home"
-                    options={availableWfhTypeOptions}
-                    keySelector={wfhTypeKeySelector}
-                    labelSelector={wfhTypeLabelSelector}
-                    onChange={setFieldValue}
-                    value={dialogState.wfhType}
-                    disabled={disabled}
-                    clearable
-                />
-            )}
+            <RadioInput
+                name="leaveType"
+                label="Leave"
+                options={availableLeaveTypeOptions}
+                keySelector={leaveTypeKeySelector}
+                labelSelector={leaveTypeLabelSelector}
+                onChange={setFieldValue}
+                value={dialogState.leaveType}
+                disabled={disabled || dialogState.wfhType === 'FULL'}
+                clearable
+            />
+            <RadioInput
+                name="wfhType"
+                label="Work from home"
+                options={availableWfhTypeOptions}
+                keySelector={wfhTypeKeySelector}
+                labelSelector={wfhTypeLabelSelector}
+                onChange={setFieldValue}
+                value={dialogState.wfhType}
+                disabled={disabled || dialogState.leaveType === 'FULL'}
+                clearable
+            />
             <div className={styles.actions}>
                 <Button
                     title="Cancel update availability"
diff --git a/src/views/DailyJournal/DayView/index.tsx b/src/views/DailyJournal/DayView/index.tsx
index 2706207..36d7380 100644
--- a/src/views/DailyJournal/DayView/index.tsx
+++ b/src/views/DailyJournal/DayView/index.tsx
@@ -100,6 +100,23 @@ function DayView(props: Props) {
         return undefined;
     }, [taskById]);
 
+    const getWorkItemIconFromAttr = useCallback((
+        item: WorkItem,
+        attr: DailyJournalAttribute,
+    ) => {
+        if (isNotDefined(taskById)) {
+            return undefined;
+        }
+
+        const taskDetails = taskById[item.task];
+
+        if (attr.key === 'project') {
+            return taskDetails.contract.project.logo;
+        }
+
+        return undefined;
+    }, [taskById]);
+
     const formattedDate = dateFormatter.format(new Date(selectedDate));
     const formattedRelativeDate = useFormattedRelativeDate(selectedDate);
 
@@ -199,6 +216,10 @@ function DayView(props: Props) {
                                     groupedItem.value,
                                     groupedItem.attribute,
                                 );
+                                const currentIcon = getWorkItemIconFromAttr(
+                                    groupedItem.value,
+                                    groupedItem.attribute,
+                                );
 
                                 const Heading = `h${bound(groupedItem.level + 2, 2, 4)}` as unknown as ElementType;
 
@@ -208,6 +229,13 @@ function DayView(props: Props) {
                                         className={styles.nestedHeading}
                                     >
                                         {indent && <Indent level={groupedItem.level} />}
+                                        {currentIcon && (
+                                            <img
+                                                className={styles.icon}
+                                                src={currentIcon.url}
+                                                alt={headingText}
+                                            />
+                                        )}
                                         {headingText}
                                     </Heading>
                                 );
@@ -236,6 +264,10 @@ function DayView(props: Props) {
                                                 groupedItem.value,
                                                 attribute,
                                             );
+                                            const currentIcon = getWorkItemIconFromAttr(
+                                                groupedItem.value,
+                                                attribute,
+                                            );
 
                                             if (i < (groupLevel - joinLevel)) {
                                                 return null;
@@ -246,6 +278,13 @@ function DayView(props: Props) {
                                                     {i > (groupLevel - joinLevel) && (
                                                         <div className={styles.separator} />
                                                     )}
+                                                    {currentIcon && (
+                                                        <img
+                                                            className={styles.icon}
+                                                            src={currentIcon.url}
+                                                            alt={currentLabel}
+                                                        />
+                                                    )}
                                                     <div>{currentLabel}</div>
                                                 </Fragment>
                                             );
diff --git a/src/views/DailyJournal/DayView/styles.module.css b/src/views/DailyJournal/DayView/styles.module.css
index a8a7767..dd31edd 100644
--- a/src/views/DailyJournal/DayView/styles.module.css
+++ b/src/views/DailyJournal/DayView/styles.module.css
@@ -60,6 +60,10 @@
 
             &h2 {
                 margin-top: var(--spacing-md);
+
+                .icon {
+                    height: 1em;
+                }
             }
         }
 
@@ -76,6 +80,10 @@
                 width: 0.5rem;
                 height: 0.5rem;
             }
+
+            .icon {
+                height: 1em;
+            }
         }
 
         .work-item-container {
diff --git a/src/views/DailyJournal/index.tsx b/src/views/DailyJournal/index.tsx
index fe0bb2d..e68d19c 100644
--- a/src/views/DailyJournal/index.tsx
+++ b/src/views/DailyJournal/index.tsx
@@ -27,7 +27,6 @@ import {
     encodeDate,
     isDefined,
     isNotDefined,
-    isTruthyString,
 } from '@togglecorp/fujs';
 import {
     gql,
@@ -751,7 +750,7 @@ export function Component() {
                 >
                     Add entry
                 </Button>
-                {!isTruthyString(dateFromParams) && (
+                {selectedDate !== fullDate && (
                     <Link
                         to="dailyJournal"
                         variant="quaternary"
diff --git a/src/views/DailyStandup/DeadlineSection/GeneralEvent/styles.module.css b/src/views/DailyStandup/DeadlineSection/GeneralEvent/styles.module.css
index 361b27c..b6cf8f4 100644
--- a/src/views/DailyStandup/DeadlineSection/GeneralEvent/styles.module.css
+++ b/src/views/DailyStandup/DeadlineSection/GeneralEvent/styles.module.css
@@ -7,7 +7,7 @@
     }
 
     .days {
-        width: 5rem;
+        width: 6rem;
         color: var(--color-text-light);
     }
 }
diff --git a/src/views/DailyStandup/DeadlineSection/index.tsx b/src/views/DailyStandup/DeadlineSection/index.tsx
index 178618e..82e5a28 100644
--- a/src/views/DailyStandup/DeadlineSection/index.tsx
+++ b/src/views/DailyStandup/DeadlineSection/index.tsx
@@ -15,6 +15,7 @@ import {
     useQuery,
 } from 'urql';
 
+import Clock from '#components/Clock';
 import {
     type DeadlinesAndEventsQuery,
     type DeadlinesAndEventsQueryVariables,
@@ -26,16 +27,6 @@ import GeneralEventOutput from './GeneralEvent';
 
 import styles from './styles.module.css';
 
-const dateFormatter = new Intl.DateTimeFormat(
-    [],
-    {
-        year: 'numeric',
-        month: 'short',
-        day: 'numeric',
-        weekday: 'short',
-    },
-);
-
 const DEADLINES_AND_EVENTS = gql`
     query DeadlinesAndEvents {
         private {
@@ -60,15 +51,7 @@ const DEADLINES_AND_EVENTS = gql`
     }
 `;
 
-interface Props {
-    date: string;
-}
-
-function DeadlineSection(props: Props) {
-    const {
-        date,
-    } = props;
-
+function DeadlineSection() {
     const [deadlinesAndEvents] = useQuery<
         DeadlinesAndEventsQuery,
         DeadlinesAndEventsQueryVariables
@@ -79,8 +62,6 @@ function DeadlineSection(props: Props) {
     const projects = deadlinesAndEvents.data?.private.allProjects;
     const events = deadlinesAndEvents.data?.private.relativeEvents;
 
-    const formattedDate = dateFormatter.format(new Date(date));
-
     const upcomingEvents = useMemo<GeneralEvent[]>(() => {
         const deadlines = projects?.flatMap(
             (project) => project.deadlines.map((deadline) => ({
@@ -121,7 +102,7 @@ function DeadlineSection(props: Props) {
             variant="split"
             primaryPreText="Welcome to"
             primaryHeading="Daily Standup"
-            primaryDescription={formattedDate}
+            primaryDescription={<Clock />}
             secondaryHeading="Upcoming Events"
             secondaryContent={upcomingEvents.map(
                 (generalEvent, index) => (
diff --git a/src/views/DailyStandup/StartSection/index.tsx b/src/views/DailyStandup/StartSection/index.tsx
index d9f872e..f7f4801 100644
--- a/src/views/DailyStandup/StartSection/index.tsx
+++ b/src/views/DailyStandup/StartSection/index.tsx
@@ -8,6 +8,7 @@ import {
 } from 'urql';
 
 import AvailabilityIndicator from '#components/AvailabilityIndicator';
+import Clock from '#components/Clock';
 import DisplayPicture from '#components/DisplayPicture';
 import {
     type JournalLeaveTypeEnum,
@@ -38,16 +39,6 @@ function getUnavailability(
     return sum;
 }
 
-const dateFormatter = new Intl.DateTimeFormat(
-    [],
-    {
-        year: 'numeric',
-        month: 'short',
-        day: 'numeric',
-        weekday: 'short',
-    },
-);
-
 const USERS_AVAILABILITY = gql`
     query UsersAvailability {
         private {
@@ -64,17 +55,7 @@ const USERS_AVAILABILITY = gql`
     }
 `;
 
-interface Props {
-    date: string;
-}
-
-function StartSection(props: Props) {
-    const {
-        date,
-    } = props;
-
-    const formattedDate = dateFormatter.format(new Date(date));
-
+function StartSection() {
     const [usersAvailability] = useQuery<
         UsersAvailabilityQuery,
         UsersAvailabilityQueryVariables
@@ -83,16 +64,18 @@ function StartSection(props: Props) {
     });
 
     // FIXME: need to check how to sort these information
-    const sortedUsers = [...(usersAvailability.data?.private.users.items ?? [])].sort(
-        (foo, bar) => compareNumber(
-            getUnavailability(foo.leaveToday, foo.workFromHomeToday),
-            getUnavailability(bar.leaveToday, bar.workFromHomeToday),
-            -1,
-        ) || compareString(
-            foo.displayName,
-            bar.displayName,
-        ),
-    );
+    const sortedUsers = usersAvailability.data?.private.users.items
+        .filter((item) => item.leaveToday || item.workFromHomeToday)
+        .sort(
+            (foo, bar) => compareNumber(
+                getUnavailability(foo.leaveToday, foo.workFromHomeToday),
+                getUnavailability(bar.leaveToday, bar.workFromHomeToday),
+                -1,
+            ) || compareString(
+                foo.displayName,
+                bar.displayName,
+            ),
+        );
 
     return (
         <Slide
@@ -100,8 +83,8 @@ function StartSection(props: Props) {
             className={styles.startSection}
             primaryPreText="Welcome to"
             primaryHeading="Daily Standup"
-            primaryDescription={formattedDate}
-            secondaryHeading="Attendees"
+            primaryDescription={<Clock />}
+            secondaryHeading="Availability"
             secondaryContent={sortedUsers?.map((user) => (
                 <div
                     key={user.id}
diff --git a/src/views/DailyStandup/index.tsx b/src/views/DailyStandup/index.tsx
index 2ae0c5a..2a34c0c 100644
--- a/src/views/DailyStandup/index.tsx
+++ b/src/views/DailyStandup/index.tsx
@@ -271,14 +271,10 @@ export function Component() {
                 className={_cs(styles.content, isFullScreen && styles.presentationMode)}
             >
                 {mapId === 'start' && (
-                    <StartSection
-                        date={selectedDate}
-                    />
+                    <StartSection />
                 )}
                 {mapId === 'deadlines' && (
-                    <DeadlineSection
-                        date={selectedDate}
-                    />
+                    <DeadlineSection />
                 )}
                 {mapId !== 'start' && mapId !== 'end' && mapId !== 'deadlines' && (
                     <ProjectSection