diff --git a/app/k-suite/page.tsx b/app/k-suite/page.tsx
index b9d4081..a73d64a 100644
--- a/app/k-suite/page.tsx
+++ b/app/k-suite/page.tsx
@@ -100,7 +100,7 @@ const KSuiteOrganism = () => {
 
   const radius = 35;
   const positions = kSuiteApps.map((_, i) =>
-    getPosition(i, kSuiteApps.length, radius)
+    getPosition(i, kSuiteApps.length, radius),
   );
 
   return (
@@ -298,7 +298,7 @@ const KSuiteAppCard = ({ app }: { app: KSuiteApp }) => {
 
 export default function KSuitePage() {
   return (
-    <div className="min-h-screen pt-20">
+    <div className="min-h-screen pt-20 gravity-body">
       {/* Hero Section */}
       <section className="relative py-16 md:py-24 overflow-hidden">
         <div className="container mx-auto px-4 text-center">
diff --git a/app/projects/[projectName]/page.tsx b/app/projects/[projectName]/page.tsx
index 24d480f..e056928 100644
--- a/app/projects/[projectName]/page.tsx
+++ b/app/projects/[projectName]/page.tsx
@@ -10,7 +10,7 @@ import { notFound } from "next/navigation";
 function getProjectByName(name: string): Project | undefined {
   const decodedName = decodeURIComponent(name.replace(/\+/g, " "));
   return projects.find(
-    (p) => p.name.toLowerCase() === decodedName.toLowerCase()
+    (p) => p.name.toLowerCase() === decodedName.toLowerCase(),
   );
 }
 
@@ -69,7 +69,7 @@ export default async function ProjectDetailPage({
     project.github_url || project.visit_url || project.download_url;
 
   return (
-    <div className="flex flex-col w-full h-full min-h-screen gap-4 p-4 pt-24">
+    <div className="flex flex-col w-full h-full min-h-screen gap-4 p-4 pt-24 gravity-body">
       <div className="max-w-4xl mx-auto w-full">
         <h1 className="text-4xl font-extrabold mb-6 bg-gradient-to-r from-yellow-400 to-blue-400 bg-clip-text text-transparent tracking-tight">
           {project.name}
diff --git a/app/projects/page.tsx b/app/projects/page.tsx
index e05fecf..cba61f7 100644
--- a/app/projects/page.tsx
+++ b/app/projects/page.tsx
@@ -10,7 +10,7 @@ export const metadata: Metadata = {
 
 const ProjectsPage = () => {
   return (
-    <div className="flex w-full h-full min-h-screen flex-col items-center gap-4 pt-24">
+    <div className="flex w-full h-full min-h-screen flex-col items-center gap-4 pt-24 gravity-body">
       <h1 className="text-5xl font-bold text-center text-white">My Projects</h1>
 
       <div className="w-full flex flex-col items-center gap-16 mt-8">