diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index 66e511b..e8dfff1 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="bg-white">
-      <div class="mx-1 px-4 flex items-center leading-none justify-between">
+      <div class="mx-1 px-4 lg:px-6 flex items-center leading-none justify-between">
         <div class="flex-none md:mr-24">
           <router-link to="/"><img src="/img/logo.png" alt="" class="h-10"></router-link>
         </div>
diff --git a/src/components/TitleBlock.vue b/src/components/TitleBlock.vue
index 69015df..dda4273 100644
--- a/src/components/TitleBlock.vue
+++ b/src/components/TitleBlock.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-grey-lighter px-4 py-5 border-b-2 border-grey flex justify-between items-center">
+  <div class="bg-grey-lighter px-4 lg:px-6 py-5 border-b-2 border-grey flex justify-between items-center">
     <div class="w-full md:w-auto flex flex-col">
       <slot name="left"></slot>
     </div>