diff --git a/app/(main)/ClientComponents/detail/ServerDetailClient.tsx b/app/(main)/ClientComponents/detail/ServerDetailClient.tsx
index 63de747..2079885 100644
--- a/app/(main)/ClientComponents/detail/ServerDetailClient.tsx
+++ b/app/(main)/ClientComponents/detail/ServerDetailClient.tsx
@@ -8,10 +8,13 @@ import { Badge } from "@/components/ui/badge"
 import { Card, CardContent } from "@/components/ui/card"
 import { cn, formatBytes } from "@/lib/utils"
 import countries from "i18n-iso-countries"
+import enLocale from "i18n-iso-countries/langs/en.json"
 import { useTranslations } from "next-intl"
 import { notFound, useRouter } from "next/navigation"
 import { useEffect, useState } from "react"
 
+countries.registerLocale(enLocale)
+
 export default function ServerDetailClient({
   server_id,
 }: {
@@ -61,8 +64,6 @@ export default function ServerDetailClient({
 
   if (!data) return <ServerDetailLoading />
 
-  countries.registerLocale(require("i18n-iso-countries/langs/en.json"))
-
   return (
     <div>
       <div