diff --git a/resources/views/reports/default/month.twig b/resources/views/reports/default/month.twig
index 81a09fd317..bb9022d798 100644
--- a/resources/views/reports/default/month.twig
+++ b/resources/views/reports/default/month.twig
@@ -6,6 +6,7 @@
 
 {% block content %}
 
+    {# chart #}
     <div class="row">
         <div class="col-lg-12 col-md-12 col-sm-12">
             <div class="box">
@@ -34,7 +35,6 @@
                 </div>
             </div>
         </div>
-
         <div class="col-lg-6 col-md-6 col-sm-6">
             <div class="box">
                 <div class="box-header with-border">
@@ -49,6 +49,8 @@
             </div>
         </div>
     </div>
+
+    {# in and out #}
     <div class="row">
         <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
             <div class="box">
@@ -77,7 +79,7 @@
             </div>
         </div>
     </div>
-    
+
     <div class="row">
         <div class="col-lg-8 col-md-8 col-sm-12">
             <div class="box">
diff --git a/resources/views/reports/default/year.twig b/resources/views/reports/default/year.twig
index 03bc5bdb7c..38113de98d 100644
--- a/resources/views/reports/default/year.twig
+++ b/resources/views/reports/default/year.twig
@@ -6,6 +6,7 @@
 
 {% block content %}
 
+    {# charts #}
     <div class="row">
         <div class="col-lg-8 col-md-8 col-sm-12">
             <div class="box" id="year-inc-exp">
@@ -28,9 +29,9 @@
             </div>
         </div>
     </div>
-
+    {# balances and inc vs exp #}
     <div class="row">
-        <div class="col-lg-6 col-md-6 col-sm-6">
+        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
             <div class="box">
                 <div class="box-header with-border">
                     <h3 class="box-title">{{ 'accountBalances'|_ }}</h3>
@@ -42,6 +43,8 @@
                     <i class="fa fa-refresh fa-spin"></i>
                 </div>
             </div>
+        </div>
+        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
             <div class="box">
                 <div class="box-header with-border">
                     <h3 class="box-title">{{ 'incomeVsExpenses'|_ }}</h3>
@@ -54,7 +57,11 @@
                 </div>
             </div>
         </div>
-        <div class="col-lg-3 col-md-3 col-sm-3">
+    </div>
+
+    {# income and expenses. #}
+    <div class="row">
+        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
             <div class="box">
                 <div class="box-header with-border">
                     <h3 class="box-title">{{ 'income'|_ }}</h3>
@@ -67,7 +74,7 @@
                 </div>
             </div>
         </div>
-        <div class="col-lg-3 col-md-3 col-sm-3">
+        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
             <div class="box">
                 <div class="box-header with-border">
                     <h3 class="box-title">{{ 'expenses'|_ }}</h3>
@@ -81,6 +88,8 @@
             </div>
         </div>
     </div>
+
+    {# net worth #}
     <div class="row">
         <div class="col-lg-12 col-md-12 col-sm-12">
             <div class="box">