diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index a864cb6e..1c57ce0f 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -6,7 +6,7 @@ import './styles.css'
 
 export default function Page() {
   return (
-    <div className="blog-content-w m-auto space-y-32">
+    <div className="content-container m-auto space-y-32">
       <AboutMe />
       <Knowledge />
       <Contact />
diff --git a/src/app/blog/author/[author]/page.tsx b/src/app/blog/author/[author]/page.tsx
index 226efbbd..592edc30 100644
--- a/src/app/blog/author/[author]/page.tsx
+++ b/src/app/blog/author/[author]/page.tsx
@@ -28,7 +28,7 @@ export default function Page({ params }: Props) {
   const postList = getPostsByAuthor(author.user)
 
   return (
-    <div className="blog-content-w m-auto">
+    <div className="content-container m-auto">
       <div className="mb-7">
         <div className="flex items-end gap-2">
           <h1 className="text-2xl font-bold">{author.name}</h1>
diff --git a/src/app/blog/categories/[category]/page.tsx b/src/app/blog/categories/[category]/page.tsx
index fbe5b12b..c7393c46 100644
--- a/src/app/blog/categories/[category]/page.tsx
+++ b/src/app/blog/categories/[category]/page.tsx
@@ -31,7 +31,7 @@ export default function Page({ params }: Props) {
   const postList = getSortedPosts(getPostListOfCategory(slug(category)))
 
   return (
-    <div className="blog-content-w m-auto">
+    <div className="content-container m-auto">
       <h1 className="mb-5 flex justify-center gap-2 text-2xl font-bold md:justify-start">
         <FolderOpen weight="duotone" className="text-3xl" />
         {getNormalCategoryString(category)}
diff --git a/src/app/blog/categories/page.tsx b/src/app/blog/categories/page.tsx
index b2815120..d8eeaaf5 100644
--- a/src/app/blog/categories/page.tsx
+++ b/src/app/blog/categories/page.tsx
@@ -15,7 +15,7 @@ export default function Page() {
   const categories = getCategoriesAndNumberOfPosts()
 
   return (
-    <div className="blog-content-w m-auto">
+    <div className="content-container m-auto">
       <h1 className="mb-5 text-center text-2xl font-bold md:text-left">
         Categories
       </h1>
diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 87990716..e886bd55 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -16,7 +16,7 @@ export default function Page() {
   const posts = getSortedPosts(allPosts)
 
   return (
-    <div className="blog-content-w m-auto">
+    <div className="content-container m-auto">
       <PostList posts={posts} separateByYear />
     </div>
   )
diff --git a/src/app/blog/post/[slug]/page.tsx b/src/app/blog/post/[slug]/page.tsx
index 016b3c7c..eafa6908 100644
--- a/src/app/blog/post/[slug]/page.tsx
+++ b/src/app/blog/post/[slug]/page.tsx
@@ -82,7 +82,7 @@ export default function Page({ params }: Props) {
   const author = post.author_info
 
   return (
-    <div className="blog-content-w m-auto">
+    <div className="content-container m-auto">
       <div className="flex flex-col gap-4 leading-6">
         <div>
           <h1 className="text-center text-2xl font-bold md:text-left">
diff --git a/src/app/blog/tag/[tag]/page.tsx b/src/app/blog/tag/[tag]/page.tsx
index d084f3a3..a4c9c16f 100644
--- a/src/app/blog/tag/[tag]/page.tsx
+++ b/src/app/blog/tag/[tag]/page.tsx
@@ -28,7 +28,7 @@ export default function Page({ params }: Props) {
   const postList = getSortedPosts(getPostListBasedOnTag(slug(tag)))
 
   return (
-    <div className="blog-content-w m-auto">
+    <div className="content-container m-auto">
       <h1 className="mb-5 flex items-end justify-center gap-2 text-2xl font-bold md:justify-start">
         {getNormalTagString(tag)}
         <Tag weight="duotone" />
diff --git a/src/app/blog/tag/page.tsx b/src/app/blog/tag/page.tsx
index be16f060..35eef091 100644
--- a/src/app/blog/tag/page.tsx
+++ b/src/app/blog/tag/page.tsx
@@ -15,7 +15,7 @@ export default function Page() {
   const tags = getTagsAndNumberOfPosts()
 
   return (
-    <div className="blog-content-w z-0 m-auto">
+    <div className="content-container z-0 m-auto">
       <h1 className="mb-5 text-center text-2xl font-bold md:text-left">Tags</h1>
       <div className="hidden flex-wrap gap-2 md:flex">
         {tags
diff --git a/src/app/components/footer.tsx b/src/app/components/footer.tsx
index 350c1175..76f78f50 100644
--- a/src/app/components/footer.tsx
+++ b/src/app/components/footer.tsx
@@ -19,7 +19,7 @@ export function Footer() {
 
   return (
     <div className="border-t border-neutral-300/30 py-11 dark:border-neutral-800/20">
-      <div className="blog-content-w m-auto flex items-center leading-none md:justify-between">
+      <div className="content-container m-auto flex items-center leading-none md:justify-between">
         <div className="hidden gap-4 text-neutral-500 dark:text-neutral-400 md:flex">
           <Link
             href="https://github.com/mateusfg7/mfg-b/blob/main/LICENSE"
diff --git a/src/app/components/header/index.tsx b/src/app/components/header/index.tsx
index 6346a0d4..29f84056 100644
--- a/src/app/components/header/index.tsx
+++ b/src/app/components/header/index.tsx
@@ -66,7 +66,7 @@ export function Header() {
           : 'md:border-b-transparent md:py-6'
       } border border-neutral-50 dark:border-neutral-800 md:border-b md:border-none`}
     >
-      <div className="blog-content-w m-auto flex flex-wrap items-center justify-between">
+      <div className="content-container m-auto flex flex-wrap items-center justify-between">
         <div className="md:hidden" />
         <Link href="/">
           <h1
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 69a05ce2..12bb61a3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,7 @@ import codeTyping from './components/code-type.svg'
 
 export default function Page() {
   return (
-    <div className="blog-content-w relative m-auto mb-10 flex min-h-screen flex-col items-center justify-between py-10">
+    <div className="content-container relative m-auto mb-10 flex min-h-screen flex-col items-center justify-between py-10">
       <div className="absolute h-full w-full bg-[url(/assets/code-type.svg)] bg-fixed bg-center bg-no-repeat opacity-10 md:hidden" />
       <div />
       <div className="flex w-full items-center justify-center gap-12 md:justify-between">
diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx
index 0ecc2101..7873d196 100644
--- a/src/app/projects/page.tsx
+++ b/src/app/projects/page.tsx
@@ -13,7 +13,7 @@ export default function Page() {
     .sort((a, b) => Number(a.priority) - Number(b.priority))
 
   return (
-    <div className="blog-content-w m-auto">
+    <div className="content-container m-auto">
       <h1 className="mb-8 bg-gradient-to-br from-blue-700 to-blue-400 bg-clip-text text-center text-4xl font-bold text-transparent md:w-fit md:text-left">
         Projects
       </h1>
diff --git a/src/styles/utilities.css b/src/styles/utilities.css
index 221df8c6..4e055400 100644
--- a/src/styles/utilities.css
+++ b/src/styles/utilities.css
@@ -1,7 +1,7 @@
 @tailwind utilities;
 
 @layer utilities {
-  .blog-content-w {
+  .content-container {
     @apply w-full px-4 md:max-w-4xl md:px-0;
   }
   .content-vertical-spaces {