diff --git a/src/app/(proper_react)/(redesign)/(public)/breach-details/[breachName]/BreachDetailView.tsx b/src/app/(proper_react)/(redesign)/(public)/breach-details/[breachName]/BreachDetailView.tsx
index 8c94bcb410d..bbb740fe894 100644
--- a/src/app/(proper_react)/(redesign)/(public)/breach-details/[breachName]/BreachDetailView.tsx
+++ b/src/app/(proper_react)/(redesign)/(public)/breach-details/[breachName]/BreachDetailView.tsx
@@ -148,15 +148,16 @@ export const BreachDetailsView = (props: Props) => {
               </>
             ) : (
               l10n.getString("breach-overview-new", {
-                breachDate: (
-                  breach.BreachDate as unknown as Date
-                ).toLocaleString(getLocale(l10n), {
-                  year: "numeric",
-                  month: "long",
-                  day: "numeric",
-                }),
+                breachDate: new Date(breach.BreachDate).toLocaleString(
+                  getLocale(l10n),
+                  {
+                    year: "numeric",
+                    month: "long",
+                    day: "numeric",
+                  },
+                ),
                 breachTitle: breach.Title,
-                addedDate: (breach.AddedDate as unknown as Date).toLocaleString(
+                addedDate: new Date(breach.AddedDate).toLocaleString(
                   getLocale(l10n),
                   {
                     year: "numeric",