diff --git a/resources/views/v1/accounts/index.twig b/resources/views/v1/accounts/index.twig
index 8621d52b4a..b08ae48bce 100644
--- a/resources/views/v1/accounts/index.twig
+++ b/resources/views/v1/accounts/index.twig
@@ -27,7 +27,7 @@
 
                     </div>
 
-                    <div class="box-body table-responsive no-padding">
+                    <div class="box-body no-padding">
                         <div style="padding:8px;">
                             <a href="{{ route('accounts.create', objectType) }}" class="btn btn-success"><i class="fa fa-plus fa-fw"></i> {{ ('make_new_' ~ objectType ~ '_account')|_ }}</a>
                         </div>
diff --git a/resources/views/v1/accounts/reconcile/show.twig b/resources/views/v1/accounts/reconcile/show.twig
index b67e5ac61f..5437712fd1 100644
--- a/resources/views/v1/accounts/reconcile/show.twig
+++ b/resources/views/v1/accounts/reconcile/show.twig
@@ -66,8 +66,8 @@
                 <div class="box-header with-border">
                     <h3 class="box-title">{{ 'transaction_journal_meta'|_ }}</h3>
                 </div>
-                <div class="box-body table-responsive no-padding">
-                    <table class="table table-hover">
+                <div class="box-body no-padding">
+                    <table class="table table-responsive table-hover">
                         <tbody>
                         <tr>
                             <td>{{ 'categories'|_ }}</td>
diff --git a/resources/views/v1/accounts/show.twig b/resources/views/v1/accounts/show.twig
index 7040ac6a8d..944083cfe8 100644
--- a/resources/views/v1/accounts/show.twig
+++ b/resources/views/v1/accounts/show.twig
@@ -40,7 +40,7 @@
                             {{ 'attachments'|_ }}
                         </h3>
                     </div>
-                    <div class="box-body table-responsive no-padding">
+                    <div class="box-body no-padding">
                         {% include 'list.attachments' %}
                     </div>
                 </div>
diff --git a/resources/views/v1/admin/users/index.twig b/resources/views/v1/admin/users/index.twig
index 704cc77a1a..6b82598376 100644
--- a/resources/views/v1/admin/users/index.twig
+++ b/resources/views/v1/admin/users/index.twig
@@ -10,8 +10,8 @@
                 <div class="box-header with-border">
                     <h3 class="box-title">{{ 'all_users'|_ }}</h3>
                 </div>
-                <div class="box-body table-responsive no-padding">
-                    <table class="table table-condensed sortable">
+                <div class="box-body no-padding">
+                    <table class="table table-responsive table-condensed sortable">
                         <thead>
                         <tr>
                             <th data-defaultsign="_19" class="hidden-xs" colspan="2">&nbsp;</th>
diff --git a/resources/views/v1/admin/users/show.twig b/resources/views/v1/admin/users/show.twig
index 3196a5df87..adaaa258c2 100644
--- a/resources/views/v1/admin/users/show.twig
+++ b/resources/views/v1/admin/users/show.twig
@@ -10,8 +10,8 @@
                 <div class="box-header with-border">
                     <h3 class="box-title">{{ 'user_information'|_ }}</h3>
                 </div>
-                <div class="box-body table-responsive">
-                    <table class="table table-striped table-bordered">
+                <div class="box-body">
+                    <table class="table table-striped table-bordered table-responsive">
                         <tbody>
                         <tr>
                             <td>{{ trans('list.id') }}</td>
@@ -75,8 +75,8 @@
                 <div class="box-header with-border">
                     <h3 class="box-title">{{ 'user_data_information'|_ }}</h3>
                 </div>
-                <div class="box-body table-responsive">
-                    <table class="table table-striped table-bordered">
+                <div class="box-body">
+                    <table class="table table-striped table-bordered table-responsive">
                         <tr>
                             <td>{{ trans('list.accounts_count') }}</td>
                             <td>{{ information.accounts }}</td>
diff --git a/resources/views/v1/bills/index.twig b/resources/views/v1/bills/index.twig
index bd52d986eb..c57497fef7 100644
--- a/resources/views/v1/bills/index.twig
+++ b/resources/views/v1/bills/index.twig
@@ -22,7 +22,7 @@
                     </div>
                 </div>
             </div>
-            <div class="box-body table-responsive no-padding">
+            <div class="box-body no-padding">
                 <div style="padding:8px;">
                     <a class="btn btn-success" href="{{ route('bills.create') }}"><i class="fa fa-plus fa-fw"></i> {{ 'create_new_bill'|_ }}</a>
                 </div>
diff --git a/resources/views/v1/bills/show.twig b/resources/views/v1/bills/show.twig
index 27c73012c6..05c2f751bb 100644
--- a/resources/views/v1/bills/show.twig
+++ b/resources/views/v1/bills/show.twig
@@ -109,7 +109,7 @@
                 <div class="box-header with-border">
                     <h3 class="box-title">{{ 'notes'|_ }}</h3>
                 </div>
-                <div class="box-body table-responsive">
+                <div class="box-body">
                     {{ object.data.notes|markdown }}
                 </div>
             </div>
@@ -121,7 +121,7 @@
                     <div class="box-header with-border">
                         <h3 class="box-title">{{ 'attachments'|_ }}</h3>
                     </div>
-                    <div class="box-body table-responsive no-padding">
+                    <div class="box-body no-padding">
                         {% include 'list.attachments' %}
                     </div>
                 </div>
diff --git a/resources/views/v1/budgets/show.twig b/resources/views/v1/budgets/show.twig
index 4168d88229..b114f732c9 100644
--- a/resources/views/v1/budgets/show.twig
+++ b/resources/views/v1/budgets/show.twig
@@ -46,7 +46,7 @@
                             {{ 'attachments'|_ }}
                         </h3>
                     </div>
-                    <div class="box-body table-responsive no-padding">
+                    <div class="box-body no-padding">
                         {% include 'list.attachments' %}
                     </div>
                 </div>
diff --git a/resources/views/v1/categories/show.twig b/resources/views/v1/categories/show.twig
index f45efb3a51..5865a04a12 100644
--- a/resources/views/v1/categories/show.twig
+++ b/resources/views/v1/categories/show.twig
@@ -56,7 +56,7 @@
                             {{ 'attachments'|_ }}
                         </h3>
                     </div>
-                    <div class="box-body table-responsive no-padding">
+                    <div class="box-body no-padding">
                         {% include 'list.attachments' %}
                     </div>
                 </div>
diff --git a/resources/views/v1/list/accounts.twig b/resources/views/v1/list/accounts.twig
index 7df41abd27..eed834c4e5 100644
--- a/resources/views/v1/list/accounts.twig
+++ b/resources/views/v1/list/accounts.twig
@@ -1,7 +1,7 @@
 <div style="padding-left:8px;">
     {{ accounts.render|raw }}
 </div>
-<table class="table table-hover" id="sortable-table">
+<table class="table table-responsive table-hover" id="sortable-table">
     <thead>
     <tr>
         <th class="hidden-sm hidden-xs">&nbsp;</th>
diff --git a/resources/views/v1/list/attachments.twig b/resources/views/v1/list/attachments.twig
index 3b87ffcdc3..a287e31911 100644
--- a/resources/views/v1/list/attachments.twig
+++ b/resources/views/v1/list/attachments.twig
@@ -1,4 +1,4 @@
-<table class="table table-hover">
+<table class="table table-responsive table-hover">
     {% for attachment in attachments %}
         <tr>
             <td style="width:120px;">
diff --git a/resources/views/v1/list/bills.twig b/resources/views/v1/list/bills.twig
index 6998b3400e..92fb9047df 100644
--- a/resources/views/v1/list/bills.twig
+++ b/resources/views/v1/list/bills.twig
@@ -1,7 +1,7 @@
 <div style="padding-left:8px;">
     {{ paginator.render|raw }}
 </div>
-<table class="table table-hover" id="bill-sortable">
+<table class="table table-responsive table-hover" id="bill-sortable">
     <thead>
     <tr>
         <th class="hidden-sm hidden-xs">&nbsp;</th>
diff --git a/resources/views/v1/list/piggy-bank-events.twig b/resources/views/v1/list/piggy-bank-events.twig
index 8dbcc326ba..26765de16d 100644
--- a/resources/views/v1/list/piggy-bank-events.twig
+++ b/resources/views/v1/list/piggy-bank-events.twig
@@ -1,4 +1,4 @@
-<table class="table table-hover">
+<table class="table table-hover table-responsive">
     <tr>
         {% if showPiggyBank %}
             <th>{{ trans('list.piggy_bank') }}</th>
diff --git a/resources/views/v1/partials/empty.twig b/resources/views/v1/partials/empty.twig
index 46b09052a6..b18079818b 100644
--- a/resources/views/v1/partials/empty.twig
+++ b/resources/views/v1/partials/empty.twig
@@ -5,7 +5,7 @@
                 <h3 class="box-title">{{ ('no_'~type~'_title_'~objectType)|_ }}</h3>
             </div>
 
-            <div class="box-body table-responsive">
+            <div class="box-body">
                 <p>
                     {{ ('no_'~type~'_intro_'~objectType)|_ }}
                 </p>
diff --git a/resources/views/v1/piggy-banks/index.twig b/resources/views/v1/piggy-banks/index.twig
index 113e2a2cda..dcaf17d05d 100644
--- a/resources/views/v1/piggy-banks/index.twig
+++ b/resources/views/v1/piggy-banks/index.twig
@@ -33,8 +33,8 @@
             <div class="box-header with-border">
                 <h3 class="box-title">{{ 'account_status'|_ }}</h3>
             </div>
-            <div class="box-body table-responsive no-padding">
-                <table class="table table-hover" id="accountStatus">
+            <div class="box-body no-padding">
+                <table class="table table-responsive table-hover" id="accountStatus">
                     <thead>
                     <tr>
                         <th>{{ 'account'|_ }}</th>
diff --git a/resources/views/v1/piggy-banks/show.twig b/resources/views/v1/piggy-banks/show.twig
index 2030114f22..5dba31c53b 100644
--- a/resources/views/v1/piggy-banks/show.twig
+++ b/resources/views/v1/piggy-banks/show.twig
@@ -30,8 +30,8 @@
                         </div>
                     </div>
                 </div>
-                <div class="box-body table-responsive no-padding">
-                    <table class="table table-hover" id="piggyDetails">
+                <div class="box-body no-padding">
+                    <table class="table table-responsive table-hover" id="piggyDetails">
                         <tr>
                             <td style="width:40%;">{{ 'account'|_ }}</td>
                             <td><a href="{{ route('accounts.show', piggyBank.account_id) }}">{{ piggyBank.account.name }}</a></td>
@@ -96,7 +96,7 @@
                 <div class="box-header with-border">
                     <h3 class="box-title">{{ 'transactions'|_ }}</h3>
                 </div>
-                <div class="box-body table-responsive no-padding" id="piggyEvents">
+                <div class="box-body no-padding" id="piggyEvents">
                     {% include 'list/piggy-bank-events' %}
                 </div>
             </div>
@@ -125,7 +125,7 @@
                             {{ 'attachments'|_ }}
                         </h3>
                     </div>
-                    <div class="box-body table-responsive no-padding">
+                    <div class="box-body no-padding">
                         {% include 'list.attachments' %}
                     </div>
                 </div>
diff --git a/resources/views/v1/recurring/index.twig b/resources/views/v1/recurring/index.twig
index c1b7cdd02e..8263afd36b 100644
--- a/resources/views/v1/recurring/index.twig
+++ b/resources/views/v1/recurring/index.twig
@@ -24,7 +24,7 @@
                         </div>
                     </div>
 
-                    <div class="box-body table-responsive no-padding">
+                    <div class="box-body no-padding">
                         <div style="padding:8px;">
                             <a href="{{ route('recurring.create') }}" class="btn btn-success"><i class="fa fa-plus fa-fw"></i> {{ ('make_new_recurring')|_ }}
                             </a>
@@ -34,7 +34,7 @@
                         <div style="padding-left:8px;">
                             {{ paginator.render|raw }}
                         </div>
-                        <table class="table table-hover sortable">
+                        <table class="table table-responsive  table-hover sortable">
                             <thead>
                             <tr>
                                 <th class="hidden-sm hidden-xs" data-defaultsort="disabled">&nbsp;</th>
diff --git a/resources/views/v1/reports/audit/report.twig b/resources/views/v1/reports/audit/report.twig
index 4fb49d6313..aea2bc4c76 100644
--- a/resources/views/v1/reports/audit/report.twig
+++ b/resources/views/v1/reports/audit/report.twig
@@ -51,7 +51,7 @@
                 </em>
             </div>
             {% else %}
-            <div class="box-body table-responsive no-padding">
+            <div class="box-body no-padding">
                 <p style="padding:10px;">
                     {{ trans('firefly.audit_end_balance',
                         {
diff --git a/resources/views/v1/reports/partials/journals-audit.twig b/resources/views/v1/reports/partials/journals-audit.twig
index d2838af694..25f69514fe 100644
--- a/resources/views/v1/reports/partials/journals-audit.twig
+++ b/resources/views/v1/reports/partials/journals-audit.twig
@@ -1,4 +1,4 @@
-<table class="table table-hover table-compressed">
+<table class="table table-hover table-compressed table-responsive ">
     <thead>
     <tr class="ignore">
         <th class="hide-buttons">&nbsp;</th>
diff --git a/resources/views/v1/tags/show.twig b/resources/views/v1/tags/show.twig
index dd4ff4c171..61572b02a8 100644
--- a/resources/views/v1/tags/show.twig
+++ b/resources/views/v1/tags/show.twig
@@ -120,7 +120,7 @@
                         {{ 'attachments'|_ }}
                     </h3>
                 </div>
-                <div class="box-body table-responsive no-padding">
+                <div class="box-body no-padding">
                     {% include 'list.attachments' %}
                 </div>
             </div>
diff --git a/resources/views/v1/transactions/show.twig b/resources/views/v1/transactions/show.twig
index 72bcdfd1a5..27cd880d1e 100644
--- a/resources/views/v1/transactions/show.twig
+++ b/resources/views/v1/transactions/show.twig
@@ -381,7 +381,7 @@
                         <div class="box-header with-border">
                             <h3 class="box-title">{{ 'attachments'|_ }}</h3>
                         </div>
-                        <div class="box-body table-responsive no-padding">
+                        <div class="box-body no-padding">
                             {% include 'list.attachments' with {attachments: attachments[journal.transaction_journal_id]} %}
                         </div>
                     </div>
@@ -393,7 +393,7 @@
                         <div class="box-header with-border">
                             <h3 class="box-title">{{ 'piggy_events'|_ }}</h3>
                         </div>
-                        <div class="box-body table-responsive no-padding">
+                        <div class="box-body no-padding">
                             <table class="table table-hover">
                                 {% for event in events[journal.transaction_journal_id] %}
                                     <tr>