diff --git a/src/pages/utilities/time.astro b/src/pages/utilities/time.astro
index 065f5ac..07c6ad5 100644
--- a/src/pages/utilities/time.astro
+++ b/src/pages/utilities/time.astro
@@ -1,6 +1,7 @@
 ---
 
 import NavBar from "../../components/NavBar.astro";
+import TimeZone from "../../components/TimeZone.vue";
 import Layout from "../../layouts/Layout.astro";
 
 const crntTime = Date.now();
@@ -29,7 +30,7 @@ const navLinks = [
 		<h1 class="title">Time Utilities</h1>
 		<p>
 			Your current timezone:
-			{ Intl.DateTimeFormat().resolvedOptions().timeZone }
+			<TimeZone client:load />
 		</p>
 		<p>The current time in Unix Epoch: <code>{ Math.floor(crntTime / 1000) }</code> <br /> or <code>{crntTime}</code> in Unix millis</p>