diff --git a/packages/bridge-ui/src/app/components/race-details/race-details.component.html b/packages/bridge-ui/src/app/components/race-details/race-details.component.html
index 4d5ef48..5d2b5ec 100644
--- a/packages/bridge-ui/src/app/components/race-details/race-details.component.html
+++ b/packages/bridge-ui/src/app/components/race-details/race-details.component.html
@@ -14,7 +14,7 @@
         <h1 style="text-align: center;" >{{race.mapName}}</h1>
         <div class="count-down-timer">
             @if(notOpenYet) {
-                <h2>Race opens on: {{race.startDate}}</h2>
+                <h2>Race opens on: {{getFormattedDate(race.startDate)}}</h2>
             }
             @else if(openToUploads) {
                 <h2>Entries Close on: {{currentTime}} </h2>
diff --git a/packages/bridge-ui/src/app/components/race-details/race-details.component.ts b/packages/bridge-ui/src/app/components/race-details/race-details.component.ts
index bf72695..43cd4ac 100644
--- a/packages/bridge-ui/src/app/components/race-details/race-details.component.ts
+++ b/packages/bridge-ui/src/app/components/race-details/race-details.component.ts
@@ -209,4 +209,11 @@ export class RaceDetailsComponent implements AfterViewInit {
     })
     this.sortedResults = [...sorted];
   }
+
+  getFormattedDate(date: any) {
+    let _date = new Date(date);
+    return `${
+      this.months[_date.getMonth()]
+    } ${_date.getDate()}, ${_date.getFullYear()}`
+  }
 }