diff --git a/resources/views/partials/boxes.twig b/resources/views/partials/boxes.twig
index 68708cbc25..95fc6ea5d8 100644
--- a/resources/views/partials/boxes.twig
+++ b/resources/views/partials/boxes.twig
@@ -1,7 +1,6 @@
-<div class="row hidden-sm hidden-xs">
-
+<div class="row hidden-xs">
     {# box for in and out#}
-    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
+    <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
         <div class="info-box bg-aqua-gradient" id="box_out_holder">
             <span class="info-box-icon"><i class="fa fa-balance-scale"></i></span>
 
@@ -21,7 +20,7 @@
     </div>
 
     {# box for bills #}
-    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
+    <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
         <div class="info-box bg-teal-gradient">
             <span class="info-box-icon"><i class="fa fa-calendar-o"></i></span>
 
@@ -41,7 +40,7 @@
     </div>
 
     {#  available to spend total / per day #}
-    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
+    <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
         <div class="info-box bg-green-gradient" id="box-left-to-spend-box">
             <span class="info-box-icon"><i class="fa fa-money"></i></span>
             <div class="info-box-content">
@@ -60,7 +59,7 @@
     </div>
 
     {# net worth #}
-    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
+    <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
         <div class="info-box bg-blue-gradient">
             <span class="info-box-icon"><i class="fa fa-line-chart"></i></span>