diff --git a/src/templates/BlogPost.vue b/src/templates/BlogPost.vue
index 3dc1a98c0..a8d4e8cb2 100644
--- a/src/templates/BlogPost.vue
+++ b/src/templates/BlogPost.vue
@@ -1,6 +1,6 @@
 <template>
   <Layout :hideHeader="true" :disableScroll="true">
-    <div class="container sm:pxi-0 mx-auto overflow-x-hidden pt-20">
+    <div class="container sm:pxi-0 mx-auto overflow-x-hidden pt-20 px-4">
       <div class="pt-8">
         <section class="post-header container mx-auto px-0 mb-4 border-b">
           <h1 class="text-5xl font-medium leading-none mt-0">
diff --git a/src/templates/NewsPost.vue b/src/templates/NewsPost.vue
index 97baa478f..33e64bc42 100644
--- a/src/templates/NewsPost.vue
+++ b/src/templates/NewsPost.vue
@@ -1,6 +1,6 @@
 <template>
   <Layout :hideHeader="true" :disableScroll="true">
-    <div class="container sm:pxi-0 mx-auto overflow-x-hidden pt-20">
+    <div class="container sm:pxi-0 mx-auto overflow-x-hidden pt-20 px-4">
       <div class="pt-8">
         <section class="post-header container mx-auto px-0 mb-4 border-b">
           <h1 class="text-5xl font-medium leading-none mt-0">
diff --git a/src/templates/Project.vue b/src/templates/Project.vue
index 1482fdfc0..2e642e518 100644
--- a/src/templates/Project.vue
+++ b/src/templates/Project.vue
@@ -1,6 +1,6 @@
 <template>
   <Layout :hideHeader="true" :disableScroll="true">
-    <div class="container sm:pxi-0 mx-auto overflow-x-hidden pt-24">
+    <div class="container sm:pxi-0 mx-auto overflow-x-hidden px-4 pt-24">
       <div class="flex flex-row flex-wrap items-center mx-4 sm:mx-0">
         <div class="w-full md:w-1/6 mx-auto sm:mx-0">
           <g-image