diff --git a/servers/nextjs/app/(presentation-generator)/components/CustomThemeSettings.tsx b/servers/nextjs/app/(presentation-generator)/components/CustomThemeSettings.tsx
index a9795126..b7948067 100644
--- a/servers/nextjs/app/(presentation-generator)/components/CustomThemeSettings.tsx
+++ b/servers/nextjs/app/(presentation-generator)/components/CustomThemeSettings.tsx
@@ -8,7 +8,6 @@ import {
   setThemeColors,
   setTheme,
   setLoadingState,
-  loadSavedTheme,
 } from "../store/themeSlice";
 import { ThemeType } from "../upload/type";
 
@@ -166,7 +165,7 @@ const CustomThemeSettings = ({
 
   return (
     <div className="">
-      <div className="h-[60vh]  overflow-y-auto custom_scrollbar pr-2 pb-2">
+      <div className="h-[60vh] font-satoshi overflow-y-auto custom_scrollbar pr-2 pb-2">
         {/* Live Preview */}
         <div className=" w-full space-y-2">
           <h3 className="text-xs font-medium text-gray-500">Live Preview</h3>
@@ -256,7 +255,7 @@ const CustomThemeSettings = ({
           ))}
         </div>
       </div>
-      <div className="mt-6 pt-4 border-t flex justify-end gap-2">
+      <div className="mt-6 pt-4 font-switzer  border-t flex justify-end gap-2">
         <Button
           variant="outline"
           onClick={onClose}
diff --git a/servers/nextjs/app/(presentation-generator)/components/slide_layouts/SlideFooter.tsx b/servers/nextjs/app/(presentation-generator)/components/slide_layouts/SlideFooter.tsx
index 2c4d4396..6d4d1157 100644
--- a/servers/nextjs/app/(presentation-generator)/components/slide_layouts/SlideFooter.tsx
+++ b/servers/nextjs/app/(presentation-generator)/components/slide_layouts/SlideFooter.tsx
@@ -118,6 +118,7 @@ const SlideFooter: React.FC = () => {
     return {
       opacity: opacity,
       fontSize: `${fontSize}px`,
+      fontFamily: currentColors.fontFamily || "Inter, sans-serif",
     };
   };
 
@@ -270,7 +271,11 @@ const SlideFooter: React.FC = () => {
                   <div className="w-8 h-8 bg-gray-100 rounded-lg flex justify-center items-center">
                     <Plus className="text-gray-500" />
                   </div>
-                  <p className="text-sm text-gray-400">Insert Your Logo</p>
+                  <p className="text-sm text-gray-400"
+                    style={{
+                      fontFamily: currentColors.fontFamily || "Inter, sans-serif",
+                    }}
+                  >Insert Your Logo</p>
                 </div>
               )
             ) : (
@@ -321,7 +326,11 @@ const SlideFooter: React.FC = () => {
                 <div className="w-8 h-8 bg-gray-100 rounded-lg flex justify-center items-center">
                   <Plus className="text-gray-500" />
                 </div>
-                <p className="text-sm text-gray-400">Insert Your Logo</p>
+                <p className="text-sm text-gray-400"
+                  style={{
+                    fontFamily: currentColors.fontFamily || "Inter, sans-serif",
+                  }}
+                >Insert Your Logo</p>
               </div>
             )
           ) : (
@@ -335,18 +344,18 @@ const SlideFooter: React.FC = () => {
           onOpenAutoFocus={(e) => e.preventDefault()}
           className="sm:max-w-[500px] overflow-y-auto"
         >
-          <SheetHeader className="mb-6">
+          <SheetHeader className="mb-6 font-satoshi">
             <SheetTitle>Configure Footer</SheetTitle>
-            <p className="text-sm text-gray-500">
+            <p className="text-sm text-gray-500 font-satoshi  ">
               These changes will apply to all slides.
             </p>
           </SheetHeader>
 
-          <div className="space-y-6 h-[calc(100vh-200px)] overflow-y-auto custom_scrollbar p-4">
+          <div className="space-y-6 h-[calc(100vh-200px)] font-satoshi overflow-y-auto custom_scrollbar p-4">
             <div className=" pb-8">
               <h3 className="text-lg font-medium mb-4">Logo Settings</h3>
 
-              <div className="space-y-6 ">
+              <div className="space-y-6 font-satoshi">
                 <div className="flex items-center justify-between">
                   <Label htmlFor="showLogo" className="flex-1">
                     Show Logo
diff --git a/servers/nextjs/app/(presentation-generator)/store/themeSlice.ts b/servers/nextjs/app/(presentation-generator)/store/themeSlice.ts
index 723204a6..b864fb3a 100644
--- a/servers/nextjs/app/(presentation-generator)/store/themeSlice.ts
+++ b/servers/nextjs/app/(presentation-generator)/store/themeSlice.ts
@@ -20,8 +20,8 @@ export const defaultColors = {
     slideHeading: "#f5f5f5",
     slideDescription: "#e0e0e0",
     slideBox: "#2d2d2d",
-    iconBg: "#ff00ff",
-    chartColors: ["#ff00ff", "#8800ff", "#b200ff", "#d700ff", "#ef00ff"],
+    iconBg: "#5E8CF0",
+    chartColors: ["#5E8CF0", "#8800ff", "#b200ff", "#d700ff", "#ef00ff"],
     fontFamily: "var(--font-inter)",
   },
   faint_yellow: {
@@ -64,8 +64,8 @@ export const defaultColors = {
     slideHeading: "#ffffff",
     slideDescription: "#E6E6E6",
     slideBox: "#29136C",
-    iconBg: "#E100FF",
-    chartColors: ["#E100FF", "#496CEB", "#f051b5", "#F7A8FF", "#FCD8FF"],
+    iconBg: "#5E8CF0",
+    chartColors: ["#5E8CF0", "#496CEB", "#f051b5", "#F7A8FF", "#FCD8FF"],
     fontFamily: "var(--font-satoshi)",
   },
   light_red: {