diff --git a/web/src/components/DisputeView/DisputeInfo/index.tsx b/web/src/components/DisputeView/DisputeInfo/index.tsx
index fb4bcfbbf..7bf1f48cc 100644
--- a/web/src/components/DisputeView/DisputeInfo/index.tsx
+++ b/web/src/components/DisputeView/DisputeInfo/index.tsx
@@ -95,7 +95,7 @@ const DisputeInfo: React.FC<IDisputeInfo> = ({
       {
         icon: CalendarIcon,
         name: getPeriodPhrase(period ?? 0),
-        value: !displayAsList ? new Date(date * 1000).toLocaleString() + " (Local Time)" : formatDate(date),
+        value: !displayAsList ? `${new Date(date * 1000).toLocaleString()} (Local Time)` : formatDate(date),
         display: !isUndefined(period) && !isUndefined(date),
         style: "grid-column: 2 / 4;",
       },