diff --git a/templates/home/index.twig b/templates/home/index.twig
index 4e137e6b1e..2150b7b474 100644
--- a/templates/home/index.twig
+++ b/templates/home/index.twig
@@ -10,7 +10,7 @@
   {{ sync_favorite_tables|raw }}
   <div class="container-fluid">
     <div class="row">
-      <div class="col-7 col-xs-12">
+      <div class="col-md-7 col-12">
         {% if has_server %}
           {% if is_demo %}
             <div class="card mt-4">
@@ -99,7 +99,7 @@
             </div>
           </div>
 
-      <div class="col-5 col-xs-12">
+      <div class="col-md-5 col-12">
         {% if database_server is not empty %}
           <div class="card mt-4">
             <div class="card-header">