diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index b61af00..35e4116 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 dark:border-gray-800 mb-20 md:mb-0">
+  <footer class="footer w-full border-t-2 border-solid border-gray-200 mx-5 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/contact.vue b/src/pages/contact.vue
index 495581f..56b5096 100755
--- a/src/pages/contact.vue
+++ b/src/pages/contact.vue
@@ -5,7 +5,7 @@
       <h1 class="font-bold text-gray-700 text-xl md:text-3xl my-4 dark:text-gray-400">
         {{ $t('contact.why.title') }}
       </h1>
-      <h3 class="text-md md:text-lg">
+      <h3 class="text-xl md:text-xl">
         {{ $t('contact.why.description') }}
       </h3>
     </section>
@@ -13,10 +13,10 @@
       <h1 class="font-bold text-gray-700 text-xl md:text-3xl my-4 dark:text-gray-400">
         {{ $t('contact.available.title') }}
       </h1>
-      <h3 class="text-lg md:text-lg">
+      <h3 class="text-lg md:text-xl">
         {{ $t('contact.available.description') }}
       </h3>
-      <div class="my-4 text-indigo-600">
+      <div class="text-lg md:text-xl my-4 text-indigo-600">
         {{ $t('contact.available.start') }}
         <span v-if="info && info.hiring.status && info.hiring.color" class="py-1 px-2 font-bold rounded-full m-0.5" :class="getColor">{{ $t('hiring.status.' + info.hiring.status) }}</span>
         {{ $t('contact.available.end') }}