diff --git a/src/app/(routes)/(website)/components/about-me/aboutMe.tsx b/src/app/(routes)/(website)/components/about-me/aboutMe.tsx
index 7dc6fcd..c0c8ea5 100644
--- a/src/app/(routes)/(website)/components/about-me/aboutMe.tsx
+++ b/src/app/(routes)/(website)/components/about-me/aboutMe.tsx
@@ -41,7 +41,7 @@ export default async function AboutMe() {
         <h2 className="mb-10 text-[55px] font-[800] text-black">
           {aboutMeData?.title || <Skeleton width={300} height={100} />}
         </h2>
-        <p className="my-5 text-justify text-[21px] font-[400] text-black">
+        <p className="my-5 text-center text-[21px] font-[400] text-black">
           {aboutMeData?.description || <Skeleton width={350} height={30} />}
         </p>
         <ul className="mt-10 flex w-full flex-col gap-10">
diff --git a/src/app/(routes)/(website)/components/contact/contact.tsx b/src/app/(routes)/(website)/components/contact/contact.tsx
index 52381ce..f27016f 100644
--- a/src/app/(routes)/(website)/components/contact/contact.tsx
+++ b/src/app/(routes)/(website)/components/contact/contact.tsx
@@ -4,7 +4,7 @@ import React from "react";
 export default function Contact() {
   return (
     <div
-      className="mt-10 flex w-full max-w-[80%] flex-col gap-[30px] pt-[120px]"
+      className="mt-10 flex w-full max-w-[90%] flex-col gap-[30px] pt-[120px]"
       id="contact"
     >
       <h2 className="text-center text-[35px] font-[800] text-[#000] capitalize">
diff --git a/src/app/(routes)/(website)/components/projects/projects.tsx b/src/app/(routes)/(website)/components/projects/projects.tsx
index 7a22ad1..29f8977 100644
--- a/src/app/(routes)/(website)/components/projects/projects.tsx
+++ b/src/app/(routes)/(website)/components/projects/projects.tsx
@@ -79,7 +79,7 @@ export default function MyProjects() {
       id="projects"
     >
       <h2 className="my-10 text-[55px] font-[800] text-black capitalize">{siteTexts.en.homePage.projects.title}</h2>
-      <p className="text-justify text-[21px] font-[400] text-black">
+      <p className="text-center text-[21px] font-[400] text-black">
         {siteTexts.en.homePage.projects.description}
       </p>
       <ul className="mb-10 mt-20 flex w-full flex-wrap items-center justify-center gap-5">
diff --git a/src/app/(routes)/(website)/components/testimonials/testimonials.tsx b/src/app/(routes)/(website)/components/testimonials/testimonials.tsx
index 4ade1d7..4ed5949 100644
--- a/src/app/(routes)/(website)/components/testimonials/testimonials.tsx
+++ b/src/app/(routes)/(website)/components/testimonials/testimonials.tsx
@@ -87,7 +87,7 @@ export default function Testimonials() {
       <h2 className="text-[55px] font-[800] capitalize text-black">
         {siteTexts.en.homePage.testimonials.title}
       </h2>
-      <p className="my-10 text-justify text-[21px] font-[400] text-black">
+      <p className="my-10 text-center text-[21px] font-[400] text-black">
         {siteTexts.en.homePage.testimonials.description}
       </p>
       <div