diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 35e4116..68dde03 100755
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -1,5 +1,5 @@
 <template>
-  <footer class="footer w-full border-t-2 border-solid border-gray-200 mx-5 dark:border-gray-800 mb-20 md:mb-0">
+  <footer class="footer w-full border-t-2 border-solid border-gray-200 px-4 dark:border-gray-800 mb-20 md:mb-0">
     <div>
       <div class="flex flex-col items-center py-4 text-center ">
         <div class="mb-3">
diff --git a/src/pages/about.vue b/src/pages/about.vue
index 3c6f655..c7440d6 100755
--- a/src/pages/about.vue
+++ b/src/pages/about.vue
@@ -1,5 +1,5 @@
 <template>
-  <main class="flex flex-col items-center mb-8 px-5 xl:px-64">
+  <main class="flex flex-col items-center mb-8 px-4 xl:px-64">
     <PageTitle title="part.about"/>
     <PresentationAbout />
     <SkillsAbout />
diff --git a/src/pages/blog/_slug.vue b/src/pages/blog/_slug.vue
index 5c50cee..40e1e9e 100755
--- a/src/pages/blog/_slug.vue
+++ b/src/pages/blog/_slug.vue
@@ -1,5 +1,5 @@
 <template>
-  <main v-if="post" class="blog flex flex-col items-center px-5 xl:px-72 mb-16 md:mb-32">
+  <main v-if="post" class="blog flex flex-col items-center px-4 xl:px-72 mb-16 md:mb-32">
     <div class="mt-8 md:mt-32 flex flex-col justify-around py-8 w-full">
       <div>
         <div class="mb-4 flex">
diff --git a/src/pages/blog/index.vue b/src/pages/blog/index.vue
index 2409b70..df74cfd 100755
--- a/src/pages/blog/index.vue
+++ b/src/pages/blog/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <main v-if="posts" class="blog flex flex-col items-center w-full px-5 xl:px-16">
+  <main v-if="posts" class="blog flex flex-col items-center w-full px-4 xl:px-16">
     <PageTitle title="part.blog" />
     <p class="text-gray-700 dark:text-gray-400 text-xl mt-4">
       {{ $t('blog.description') }}
diff --git a/src/pages/contact.vue b/src/pages/contact.vue
index 56b5096..61a8aa3 100755
--- a/src/pages/contact.vue
+++ b/src/pages/contact.vue
@@ -1,5 +1,5 @@
 <template>
-  <main class="contact flex flex-col px-5 xl:px-64">
+  <main class="contact flex flex-col px-4 xl:px-64">
     <PageTitle class="self-center" title="part.contact" />
     <section class="w-full lg:w-3/4 mb-10 mt-4 text-justify">
       <h1 class="font-bold text-gray-700 text-xl md:text-3xl my-4 dark:text-gray-400">
diff --git a/src/pages/env.vue b/src/pages/env.vue
index 1ae0cd3..29fbf2b 100755
--- a/src/pages/env.vue
+++ b/src/pages/env.vue
@@ -1,5 +1,5 @@
 <template>
-  <main class="flex flex-col items-center px-5 xl:px-64">
+  <main class="flex flex-col items-center px-4 xl:px-64">
     <PageTitle title="part.env" />
     <p class="text-justify text-gray-700 dark:text-gray-400 text-xl my-8">{{ $t('env.title.description') }}</p>
     <EnvGroup>
diff --git a/src/pages/guestbook.vue b/src/pages/guestbook.vue
index 496ee78..9baa492 100644
--- a/src/pages/guestbook.vue
+++ b/src/pages/guestbook.vue
@@ -1,5 +1,5 @@
 <template>
-  <main v-if="guestbook_messages" class="flex flex-col mb-8 px-5 xl:px-64">
+  <main v-if="guestbook_messages" class="flex flex-col mb-8 px-4 xl:px-64">
     <PageTitle class="self-center" title="part.guestbook"/>
     <section class="flex flex-col 2xl:flex-row items-center py-8">
       <div class="ml-2 text-lg leading-6 text-justify dark:text-gray-400 text-gray-700">
diff --git a/src/pages/index.vue b/src/pages/index.vue
index afd9425..43ed7f6 100755
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <main class="flex flex-col items-center mb-8 px-5 xl:px-32">
+  <main class="flex flex-col items-center mb-8 px-4 xl:px-32">
     <Banner />
     <AboutHome />
     <PostsHome />
diff --git a/src/pages/projects.vue b/src/pages/projects.vue
index 8763184..ae227c6 100755
--- a/src/pages/projects.vue
+++ b/src/pages/projects.vue
@@ -1,5 +1,5 @@
 <template>
-  <main v-if="projects" class="work flex flex-col items-center px-5 xl:px-48">
+  <main v-if="projects" class="work flex flex-col items-center px-4 xl:px-48">
     <PageTitle title="part.projects" />
     <h1 v-if="projects.length === 0" class="text-xl font-bold text-center my-8 w-full">{{ $t('projects.no_project') }}</h1>
     <div v-else class="flex flex-col justify-around items-center py-10 w-full">