diff --git a/src/app/expo/page.tsx b/src/app/expo/page.tsx
index a758008..a9d0cef 100644
--- a/src/app/expo/page.tsx
+++ b/src/app/expo/page.tsx
@@ -1,4 +1,4 @@
-import { vipnagorgialla } from "../layout";
+import { vipnagorgialla } from "@/components/Vipnagorgialla";
 
 export default function Expo() {
     return (
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 6bb888a..404bd1c 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -3,34 +3,6 @@
 
 // Fonts
 import { Work_Sans } from "next/font/google";
-import localFont from 'next/font/local'
-
-// Style 'only' has normal and italic for some reason.
-// It uses the weight to determine the style used.
-export const vipnagorgialla = localFont({
-  src: [
-    {
-      path: './fonts/vipnagorgialla/Vipnagorgialla-Rg.otf',
-      weight: '400',
-      style: 'normal',
-    },
-    {
-      path: './fonts/vipnagorgialla/Vipnagorgialla-Rg-It.otf',
-      weight: '400',
-      style: 'italic',
-    },
-    {
-      path: './fonts/vipnagorgialla/Vipnagorgialla-Bd.otf',
-      weight: '700',
-      style: 'normal',
-    },
-    {
-      path: './fonts/vipnagorgialla/Vipnagorgialla-Bd-It.otf',
-      weight: '700',
-      style: 'italic',
-    },
-  ],
-});
 
 import "./globals.css";
 import SidebarParent from "@/components/SidebarParent";
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 178bb89..c726e34 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-import { vipnagorgialla } from "./layout";
+import { vipnagorgialla } from "@/components/Vipnagorgialla";
 import { MdEast, MdEmojiEvents, MdEventNote, MdWeekend } from "react-icons/md";
 import Link from 'next/link';
 
@@ -9,7 +9,7 @@ export default function Home() {
       <div className="border-b-3 border-[#007CAB] flex items-center justify-between pt-18">
         <img src="/tipilan-white.svg" alt="TipiLAN Logo" className="h-64"/>
         <div className="pr-12 hidden 2xl:block">
-          <h3 className={`text-6xl ${vipnagorgialla.className} font-bold italic text-[#2A2C3F]`}>Auhinnafond</h3>
+          <h3 className={`text-6xl ${vipnagorgialla.className} font-bold italic uppercase text-[#2A2C3F]`}>Auhinnafond</h3>
           <h2 className={`text-8xl ${vipnagorgialla.className} font-bold italic text-[#007CAB]`}>10 000€</h2>
         </div>
       </div>
diff --git a/src/app/tickets/page.tsx b/src/app/tickets/page.tsx
index ba8fb44..1538aa8 100644
--- a/src/app/tickets/page.tsx
+++ b/src/app/tickets/page.tsx
@@ -1,4 +1,4 @@
-import { vipnagorgialla } from "../layout";
+import { vipnagorgialla } from "@/components/Vipnagorgialla";
 import Link from 'next/link';
 
 export default function Tickets() {
diff --git a/src/app/timetable/page.tsx b/src/app/timetable/page.tsx
index f71c7b3..a12cdda 100644
--- a/src/app/timetable/page.tsx
+++ b/src/app/timetable/page.tsx
@@ -1,4 +1,4 @@
-import { vipnagorgialla } from "../layout";
+import { vipnagorgialla } from "@/components/Vipnagorgialla";
 
 export default function Timetable() {
     return (
diff --git a/src/app/tourney/page.tsx b/src/app/tourney/page.tsx
index 65cef94..4d5ab6e 100644
--- a/src/app/tourney/page.tsx
+++ b/src/app/tourney/page.tsx
@@ -1,4 +1,4 @@
-import { vipnagorgialla } from "../layout";
+import { vipnagorgialla } from "@/components/Vipnagorgialla";
 
 export default function Tourney() {
     return (
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 823c7be..448d48f 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -2,7 +2,7 @@
 import { MdClose, MdMenu } from "react-icons/md";
 
 // Fonts
-import { vipnagorgialla } from "@/app/layout";
+import { vipnagorgialla } from "@/components/Vipnagorgialla";
 
 const Header = ({ isOpen, toggleSidebar }: { isOpen: boolean; toggleSidebar: () => void }) => (
     <header className="h-16 flex items-center bg-[#EEE5E5] border-b-3 border-[#007CAB] justify-between px-12 text-[#2A2C3F]">
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index ca233cb..856b977 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 // Fonts
-import { vipnagorgialla } from '@/app/layout';
+import { vipnagorgialla } from "@/components/Vipnagorgialla";
 
 // Use effect to handle route changes and close the sidebar if it's open
 // usePathName to listen to route changes in Next.js
diff --git a/src/components/Vipnagorgialla.tsx b/src/components/Vipnagorgialla.tsx
new file mode 100644
index 0000000..e6c39b9
--- /dev/null
+++ b/src/components/Vipnagorgialla.tsx
@@ -0,0 +1,28 @@
+import localFont from 'next/font/local';
+
+// Style 'only' has normal and italic for some reason.
+// It uses the weight to determine the style used.
+export const vipnagorgialla = localFont({
+  src: [
+    {
+      path: '../app/fonts/vipnagorgialla/Vipnagorgialla-Rg.otf',
+      weight: '400',
+      style: 'normal',
+    },
+    {
+      path: '../app/fonts/vipnagorgialla/Vipnagorgialla-Rg-It.otf',
+      weight: '400',
+      style: 'italic',
+    },
+    {
+      path: '../app/fonts/vipnagorgialla/Vipnagorgialla-Bd.otf',
+      weight: '700',
+      style: 'normal',
+    },
+    {
+      path: '../app/fonts/vipnagorgialla/Vipnagorgialla-Bd-It.otf',
+      weight: '700',
+      style: 'italic',
+    },
+  ],
+});
\ No newline at end of file