diff --git a/src/assets/images/layouts/avalon.jpg b/src/assets/images/layouts/avalon.jpg
index 6f88252c0..d68805064 100644
Binary files a/src/assets/images/layouts/avalon.jpg and b/src/assets/images/layouts/avalon.jpg differ
diff --git a/src/assets/images/layouts/babylon.jpg b/src/assets/images/layouts/babylon.jpg
index 79ae5257c..fd11c16d7 100644
Binary files a/src/assets/images/layouts/babylon.jpg and b/src/assets/images/layouts/babylon.jpg differ
diff --git a/src/assets/images/layouts/sapphire.jpg b/src/assets/images/layouts/sapphire.jpg
index 4163dd8f0..2c3138022 100644
Binary files a/src/assets/images/layouts/sapphire.jpg and b/src/assets/images/layouts/sapphire.jpg differ
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 38f4879a6..cb1495416 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -83,17 +83,17 @@
             <p>Powered by <a href="https://cli.vuejs.org">Vue-CLI</a>, create awesome applications in no time using the premium templates of PrimeVue and impress your users.</p>
 
             <div class="p-grid">
-                <div class="p-col-12">
+                <div class="p-col-12 p-md-4">
                     <a href="https://www.primefaces.org/layouts/sapphire-vue">
                         <img alt="Sapphire" src="../assets/images/layouts/sapphire.jpg">
                     </a>
                 </div>
-                <div class="p-col-12 p-md-6">
+                <div class="p-col-12 p-md-4">
                     <a href="https://www.primefaces.org/layouts/babylon-vue">
                         <img alt="Babylon" src="../assets/images/layouts/babylon.jpg">
                     </a>
                 </div>
-                <div class="p-col-12 p-md-6">
+                <div class="p-col-12 p-md-4">
                     <a href="https://www.primefaces.org/layouts/avalon-vue">
                         <img alt="Avalon" src="../assets/images/layouts/avalon.jpg">
                     </a>