diff --git a/apps/fronted/src/components/preview/CustomSection.tsx b/apps/fronted/src/components/preview/CustomSection.tsx
index 4dc5d3e..1924c5f 100644
--- a/apps/fronted/src/components/preview/CustomSection.tsx
+++ b/apps/fronted/src/components/preview/CustomSection.tsx
@@ -46,7 +46,7 @@ export function CustomSection({
             <div className="space-y-1">
               <div>
                 <h4
-                  className="font-medium text-gray-800"
+                  className="font-semibold text-gray-800"
                   style={{
                     fontSize: `${globalSettings?.subheaderSize || 16}px`
                   }}
@@ -55,7 +55,7 @@ export function CustomSection({
                 </h4>
                 <motion.div
                   layout
-                  className={"text-gray-600"}
+                  className={"font-medium text-gray-600"}
                   style={{
                     fontSize: `${globalSettings?.baseFontSize || 14}px`
                   }}
diff --git a/apps/fronted/src/components/preview/EducationSection.tsx b/apps/fronted/src/components/preview/EducationSection.tsx
index 335944f..5c0907b 100644
--- a/apps/fronted/src/components/preview/EducationSection.tsx
+++ b/apps/fronted/src/components/preview/EducationSection.tsx
@@ -43,7 +43,7 @@ export function EducationSection({
             <div className="space-y-1">
               <div className="flex items-center gap-2">
                 <h4
-                  className="font-medium text-gray-800"
+                  className="font-semibold text-gray-800"
                   style={{
                     fontSize: `${globalSettings?.subheaderSize || 16}px`
                   }}
@@ -62,7 +62,7 @@ export function EducationSection({
                 )}
               </div>
               <p
-                className="text-gray-600"
+                className="font-medium  text-gray-600"
                 style={{
                   fontSize: `${globalSettings?.baseFontSize || 14}px`
                 }}
diff --git a/apps/fronted/src/components/preview/ExperienceSection.tsx b/apps/fronted/src/components/preview/ExperienceSection.tsx
index 3493724..ffbc6ce 100644
--- a/apps/fronted/src/components/preview/ExperienceSection.tsx
+++ b/apps/fronted/src/components/preview/ExperienceSection.tsx
@@ -37,7 +37,7 @@ export function ExperienceSection({
               <div className="flex justify-between items-start">
                 <div>
                   <h4
-                    className="font-medium text-gray-800"
+                    className="font-semibold text-gray-800"
                     style={{
                       fontSize: `${globalSettings?.subheaderSize || 16}px`
                     }}
@@ -45,7 +45,7 @@ export function ExperienceSection({
                     {exp.company}
                   </h4>
                   <p
-                    className="text-gray-600"
+                    className="font-medium  text-gray-600"
                     style={{
                       fontSize: `${globalSettings?.baseFontSize || 14}px`
                     }}
diff --git a/apps/fronted/src/components/preview/ProjectItem.tsx b/apps/fronted/src/components/preview/ProjectItem.tsx
index a0ffa04..8e4f8b0 100644
--- a/apps/fronted/src/components/preview/ProjectItem.tsx
+++ b/apps/fronted/src/components/preview/ProjectItem.tsx
@@ -71,7 +71,7 @@ export function ProjectItem({
         <motion.div layout>
           <motion.h4
             layout
-            className={cn("font-medium", "text-gray-800")}
+            className={cn("font-semibold", "text-gray-800")}
             style={{
               fontSize: `${globalSettings?.subheaderSize || 16}px`
             }}
@@ -80,7 +80,7 @@ export function ProjectItem({
           </motion.h4>
           <motion.div
             layout
-            className={cn("text-gray-600")}
+            className={cn("font-medium  text-gray-600")}
             style={{
               fontSize: `${globalSettings?.baseFontSize || 14}px`
             }}