diff --git a/src/templates/AgentContacts.tsx b/src/templates/AgentContacts.tsx
index 12ac638..3aec23c 100644
--- a/src/templates/AgentContacts.tsx
+++ b/src/templates/AgentContacts.tsx
@@ -33,7 +33,7 @@ export async function AgentContacts({language, page, country, data}: Props) {
 	const contact = (await getCountryManagers(country, language)) as Contact;
 
 	return (
-		<main className="text-mti-black flex h-screen w-full flex-col bg-white">
+		<main className="text-mti-black flex h-screen w-full flex-col bg-white" dir={language === "ar" ? "rtl" : "ltr"}>
 			<Navbar currentPage={page} language={language} />
 
 			<section className="bg-mti-purple h-full w-full p-8 text-center text-white md:p-16">