diff --git a/web/src/harmonie/ReferenceTimes.tsx b/web/src/harmonie/ReferenceTimes.tsx
index bc4d243..f3ee03b 100644
--- a/web/src/harmonie/ReferenceTimes.tsx
+++ b/web/src/harmonie/ReferenceTimes.tsx
@@ -25,9 +25,13 @@ export const ReferenceTimes: Component<{
     onClick,
 }) => {
     const [getActiveDate, setActiveDate] = createSignal('')
-    const dateList = () => {
+    const dateList = (): [string, number][] => {
         const datesStr = getFileList().map(f => f.replace('harmonie_', '').split('_')[0])
-        return [...new Set(datesStr)]
+        const uniqueDates = [...new Set(datesStr)]
+        return uniqueDates.map(dateStr => [
+            dateStr,
+            datesStr.filter(d => d === dateStr).length
+        ])
     }
 
     function onActiveDate(date: string) {
@@ -58,7 +62,6 @@ export const ReferenceTimes: Component<{
         Promise.all(promiseList)
             .then(imgList => {
                 imgList.sort((a, b) => a[0] > b[0] ? 1 : -1)
-                console.log(imgList)
                 setImgList(imgList)
             })
             .finally(() => {
@@ -70,10 +73,10 @@ export const ReferenceTimes: Component<{
     }
 
     return <ul class={styles.dateList}>
-        { dateList().map(dateStr =>
+        { dateList().map(([dateStr, count]) =>
             <li>
                 <div onClick={() => onActiveDate(dateStr)}>
-                    { dateStr }
+                    { dateStr } ({ count })
                 </div>
                 <div
                     class={styles.controls}
diff --git a/web/src/harmonie/harmonie.module.css b/web/src/harmonie/harmonie.module.css
index 49c5294..c00b251 100644
--- a/web/src/harmonie/harmonie.module.css
+++ b/web/src/harmonie/harmonie.module.css
@@ -72,5 +72,5 @@
 
 .slideShow li {
     display: inline;
-    padding: 3px 5px;
+    padding: 3px 3px;
 }
\ No newline at end of file