diff --git a/app/components/GameCardContents/ScheduledGameCardContents/index.tsx b/app/components/GameCardContents/ScheduledGameCardContents/index.tsx
index 826f3cb..ca73b1d 100644
--- a/app/components/GameCardContents/ScheduledGameCardContents/index.tsx
+++ b/app/components/GameCardContents/ScheduledGameCardContents/index.tsx
@@ -1,3 +1,4 @@
+import { StartTime } from "~/components/StartTime";
 import { TeamInfo } from "~/components/TeamInfo";
 import type { ScheduledGame } from "~/components/types";
 
@@ -19,9 +20,7 @@ export const ScheduledGameCardContents = ({
       />
       <div className="mt-3 flex flex-1">
         <p className="flex-1 whitespace-nowrap px-3 pt-1.5 text-center uppercase">
-          {new Intl.DateTimeFormat("en-US", { timeStyle: "short" }).format(
-            new Date(game.startTime)
-          )}
+          <StartTime date={new Date(game.startTime)} />
         </p>
       </div>
       <TeamInfo
diff --git a/app/components/StartTime/index.tsx b/app/components/StartTime/index.tsx
new file mode 100644
index 0000000..d5facba
--- /dev/null
+++ b/app/components/StartTime/index.tsx
@@ -0,0 +1,30 @@
+import { Suspense, useEffect, useState } from "react";
+import { useHydration } from "~/hooks/useHydration";
+
+export type StartTimeProps = {
+  readonly date: Date;
+};
+
+const useLocales = (): string[] => {
+  const [locales, setLocales] = useState(["en"]);
+
+  useEffect(() => {
+    setLocales([...window.navigator.languages]);
+  }, []);
+
+  return locales;
+};
+
+export const StartTime = ({ date }: StartTimeProps) => {
+  const iso = date.toISOString();
+  const hydrated = useHydration();
+  const locales = useLocales();
+
+  return (
+    <Suspense key={hydrated ? "local" : "utc"}>
+      <time dateTime={iso} title={iso}>
+        {new Intl.DateTimeFormat(locales, { timeStyle: "short" }).format(date)}
+      </time>
+    </Suspense>
+  );
+};
diff --git a/app/hooks/useHydration.ts b/app/hooks/useHydration.ts
new file mode 100644
index 0000000..eda0cc9
--- /dev/null
+++ b/app/hooks/useHydration.ts
@@ -0,0 +1,11 @@
+import { useEffect, useState } from "react";
+
+export const useHydration = (): boolean => {
+  const [hydrated, setHydrated] = useState(false);
+
+  useEffect(() => {
+    setHydrated(true);
+  }, []);
+
+  return hydrated;
+};