diff --git a/electron/servers/nextjs/app/(presentation-generator)/presentation/components/PresentationPage.tsx b/electron/servers/nextjs/app/(presentation-generator)/presentation/components/PresentationPage.tsx
index 706f92b5..c5a996a3 100644
--- a/electron/servers/nextjs/app/(presentation-generator)/presentation/components/PresentationPage.tsx
+++ b/electron/servers/nextjs/app/(presentation-generator)/presentation/components/PresentationPage.tsx
@@ -157,7 +157,7 @@ const PresentationPage: React.FC<PresentationPageProps> = ({
               background: "rgba(255, 255, 255, 0.10)",
               boxShadow: "0 0 20.01px 0 rgba(122, 90, 248, 0.16) inset",
             }}
-            className="p-6 rounded-[20px] flex flex-col items-center overflow-hidden justify-center  border border-[#EDECEC] "
+            className="p-6 rounded-[20px] font-inter flex flex-col items-center overflow-hidden justify-center  border border-[#EDECEC] "
           >
             <div className="w-full max-w-[1280px] h-full">
 
diff --git a/electron/servers/nextjs/app/(presentation-generator)/upload/components/UploadPage.tsx b/electron/servers/nextjs/app/(presentation-generator)/upload/components/UploadPage.tsx
index 1caff074..76726bea 100644
--- a/electron/servers/nextjs/app/(presentation-generator)/upload/components/UploadPage.tsx
+++ b/electron/servers/nextjs/app/(presentation-generator)/upload/components/UploadPage.tsx
@@ -347,7 +347,7 @@ const UploadPage = () => {
   };
 
   return (
-    <Wrapper className="pb-10 lg:max-w-[70%] xl:max-w-[65%]">
+    <Wrapper className="pb-10 lg:max-w-[65%] xl:max-w-[60%]">
       <OverlayLoader
         show={loadingState.isLoading}
         text={loadingState.message}
diff --git a/servers/nextjs/app/(presentation-generator)/pdf-maker/PdfMakerPage.tsx b/servers/nextjs/app/(presentation-generator)/pdf-maker/PdfMakerPage.tsx
index 8dd1c2d1..3575d4e4 100644
--- a/servers/nextjs/app/(presentation-generator)/pdf-maker/PdfMakerPage.tsx
+++ b/servers/nextjs/app/(presentation-generator)/pdf-maker/PdfMakerPage.tsx
@@ -137,7 +137,7 @@ const PresentationPage = ({ presentation_id }: { presentation_id: string }) => {
         <div className="">
           <div
             id="presentation-slides-wrapper"
-            className="mx-auto flex flex-col items-center  overflow-hidden  justify-center   "
+            className="mx-auto flex flex-col font-inter items-center  overflow-hidden  justify-center   "
           >
             {!presentationData ||
 
diff --git a/servers/nextjs/app/(presentation-generator)/upload/components/UploadPage.tsx b/servers/nextjs/app/(presentation-generator)/upload/components/UploadPage.tsx
index 1caff074..76726bea 100644
--- a/servers/nextjs/app/(presentation-generator)/upload/components/UploadPage.tsx
+++ b/servers/nextjs/app/(presentation-generator)/upload/components/UploadPage.tsx
@@ -347,7 +347,7 @@ const UploadPage = () => {
   };
 
   return (
-    <Wrapper className="pb-10 lg:max-w-[70%] xl:max-w-[65%]">
+    <Wrapper className="pb-10 lg:max-w-[65%] xl:max-w-[60%]">
       <OverlayLoader
         show={loadingState.isLoading}
         text={loadingState.message}
diff --git a/servers/nextjs/app/globals.css b/servers/nextjs/app/globals.css
index 5c267055..77b895a4 100644
--- a/servers/nextjs/app/globals.css
+++ b/servers/nextjs/app/globals.css
@@ -4,7 +4,7 @@
 
 
 body {
-  font-family: var(--font-inter), var(--font-unbounded), var(--font-syne), sans-serif;
+  font-family: var(--font-syne), var(--font-unbounded), var(--font-inter), sans-serif;
 }
 
 @layer utilities {