diff --git a/apps/edr-passenger-web/backoffice/src/app/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/layout.tsx
index 669969b60..23838f62c 100644
--- a/apps/edr-passenger-web/backoffice/src/app/layout.tsx
+++ b/apps/edr-passenger-web/backoffice/src/app/layout.tsx
@@ -1,10 +1,7 @@
import type { Metadata } from 'next';
-import { Inter } from 'next/font/google';
import '@/styles/globals.css';
import Providers from './providers';
-const inter = Inter({ subsets: ['latin'] });
-
export const metadata: Metadata = {
title: 'EDR Passenger Back-office',
description: 'Ethio-Djibouti Railway Passenger Back-office',
@@ -32,7 +29,7 @@ export default function RootLayout({
}}
/>
-
+
{children}
diff --git a/apps/edr-passenger-web/backoffice/tailwind.config.js b/apps/edr-passenger-web/backoffice/tailwind.config.js
index ad1099019..07a6d8bac 100644
--- a/apps/edr-passenger-web/backoffice/tailwind.config.js
+++ b/apps/edr-passenger-web/backoffice/tailwind.config.js
@@ -8,6 +8,20 @@ module.exports = {
darkMode: 'class',
theme: {
extend: {
+ fontFamily: {
+ sans: [
+ '-apple-system',
+ 'BlinkMacSystemFont',
+ '"Segoe UI"',
+ 'Roboto',
+ '"Helvetica Neue"',
+ 'Arial',
+ 'sans-serif',
+ '"Apple Color Emoji"',
+ '"Segoe UI Emoji"',
+ '"Segoe UI Symbol"',
+ ],
+ },
colors: {
background: 'hsl(var(--background))',
foreground: 'hsl(var(--foreground))',
diff --git a/apps/edr-passenger-web/portal/src/app/layout.tsx b/apps/edr-passenger-web/portal/src/app/layout.tsx
index f211626bb..04def853f 100644
--- a/apps/edr-passenger-web/portal/src/app/layout.tsx
+++ b/apps/edr-passenger-web/portal/src/app/layout.tsx
@@ -1,11 +1,8 @@
import type { Metadata } from 'next';
-import { Inter } from 'next/font/google';
import './globals.css';
import { Providers } from './providers';
import AppHeader from '@/components/AppHeader';
-const inter = Inter({ subsets: ['latin'] });
-
export const metadata: Metadata = {
title: 'EDR Passenger Portal - Book Your Train Journey',
description: 'Book train tickets on the Ethio-Djibouti Railway',
@@ -18,7 +15,7 @@ export default function RootLayout({
}) {
return (
-
+