diff --git a/src/app/(routes)/(website)/components/about-me/aboutMe.tsx b/src/app/(routes)/(website)/components/about-me/aboutMe.tsx
index c0c8ea5..283c633 100644
--- a/src/app/(routes)/(website)/components/about-me/aboutMe.tsx
+++ b/src/app/(routes)/(website)/components/about-me/aboutMe.tsx
@@ -34,7 +34,7 @@ export default async function AboutMe() {
 
   return (
     <div
-      className="my-10 flex w-full max-w-[90%] flex-wrap items-center justify-center gap-10 pt-[120px]"
+      className="my-10 flex w-full max-w-[90%] flex-wrap items-center justify-between gap-10 pt-[120px]"
       id="about-me"
     >
       <div className="flex w-full flex-col items-center md:w-[50%]">
diff --git a/src/app/(routes)/blog/categories/[categorySlug]/page.tsx b/src/app/(routes)/blog/categories/[categorySlug]/page.tsx
index 7b8087c..1ddbd93 100644
--- a/src/app/(routes)/blog/categories/[categorySlug]/page.tsx
+++ b/src/app/(routes)/blog/categories/[categorySlug]/page.tsx
@@ -10,7 +10,7 @@ export default function SingleCategory({ params }: propsType) {
     <div className="flex w-full max-w-[1280px] flex-wrap justify-center sm:my-10">
       <div className="flex w-full max-w-[90%] flex-col gap-5">
         <h1 className="text-[36px] font-[700] capitalize text-blog-text-default">
-          {params.categorySlug}
+          {params.categorySlug.replaceAll(/%20|-|_/g, " ")}
         </h1>
         <p className="max-w-[650px] text-[18px] font-[600] text-blog-text-default">
           i do not know how to dynamic this part!