diff --git a/apps/landing/src/app/(auth)/layout.tsx b/apps/landing/src/app/(auth)/layout.tsx
index 50fb487..bfcbcb5 100644
--- a/apps/landing/src/app/(auth)/layout.tsx
+++ b/apps/landing/src/app/(auth)/layout.tsx
@@ -1,10 +1,17 @@
+import { baiJamjureeFont } from '@/lib/fonts';
 import { Card } from '@components';
+import { cn } from '@utils';
 import { ReactNode } from 'react';
 import { AnimatedBackground } from './_components/animated-background';
 
 export default function Layout({ children }: { children: ReactNode }) {
   return (
-    <div className="bg-background/20 relative flex min-h-[100dvh] items-center justify-center p-4">
+    <div
+      className={cn(
+        baiJamjureeFont.className,
+        'bg-background/20 relative flex min-h-[100dvh] items-center justify-center p-4'
+      )}
+    >
       <AnimatedBackground />
       <div className="z-10 w-full">
         <Card className="bg-background/90 mx-auto w-full max-w-[360px] p-6 shadow-xl backdrop-blur-lg sm:max-w-md sm:p-8">
diff --git a/apps/landing/src/app/(public)/events/page.tsx b/apps/landing/src/app/(public)/events/page.tsx
index 4e2712b..535217e 100644
--- a/apps/landing/src/app/(public)/events/page.tsx
+++ b/apps/landing/src/app/(public)/events/page.tsx
@@ -37,7 +37,7 @@ export default function EventsPage() {
   );
 
   return (
-    <div className="min-h-screen bg-background container">
+    <section className="min-h-screen bg-background container py-10">
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
         {/* Featured Card */}
         <div className="col-span-full">
@@ -187,6 +187,6 @@ export default function EventsPage() {
           </div>
         ))}
       </div>
-    </div>
+    </section>
   );
 }
diff --git a/apps/landing/src/app/layout.tsx b/apps/landing/src/app/layout.tsx
index 920a9be..5853ac6 100644
--- a/apps/landing/src/app/layout.tsx
+++ b/apps/landing/src/app/layout.tsx
@@ -1,4 +1,4 @@
-import { baiJamjureeFont } from '@/lib/fonts';
+import { poppinsFont } from '@/lib/fonts';
 import '@/styles/globals.css';
 import { cn } from '@utils';
 import { type Metadata } from 'next';
@@ -16,7 +16,7 @@ export default function RootLayout({
 }) {
   return (
     <html lang="id" suppressHydrationWarning>
-      <body className={cn(baiJamjureeFont.className, 'antialiased')}>
+      <body className={cn(poppinsFont.className, 'antialiased')}>
         <Providers
           attribute="class"
           defaultTheme="system"
