diff --git a/addons/sale_timesheet/views/hr_timesheet_templates.xml b/addons/sale_timesheet/views/hr_timesheet_templates.xml
index 7f00a03ee19..0ba420957db 100644
--- a/addons/sale_timesheet/views/hr_timesheet_templates.xml
+++ b/addons/sale_timesheet/views/hr_timesheet_templates.xml
@@ -47,122 +47,124 @@
                             </div>
 
                             <t t-set="display_cost" t-value="dashboard['profit']['expense_cost'] != 0.0"/>
-                            <table class="table">
-                                <tbody>
-                                    <tr>
-                                        <th rowspan="6">
-                                            <a type="action" data-model="account.analytic.line" t-att-data-domain="json.dumps(timesheet_domain)" data-context='{"pivot_row_groupby": ["date:month"],"pivot_column_groupby": ["timesheet_invoice_type"], "pivot_measures": ["unit_amount"]}' data-views='[[0, "pivot"], [0, "list"]]' tabindex="-1">Hours</a>
-                                        </th>
-                                        <td class="o_timesheet_plan_dashboard_cell">
-                                            <t t-esc="dashboard['hours']['billable_time']" t-options="{'widget': 'float_time'}"/>
-                                        </td>
-                                        <td>Timesheets</td>
-                                        <th rowspan="6">
-                                            <a type="action" data-model="account.analytic.line" t-att-data-domain="json.dumps(timesheet_domain)" data-context='{"pivot_row_groupby": ["date:month", "employee_id"], "pivot_column_groupby": ["timesheet_invoice_type"],"pivot_measures": ["unit_amount"]}' data-views='[[0, "pivot"], [0, "list"]]' tabindex="-1">Rates</a>
-                                        </th>
-                                        <td class="o_timesheet_plan_dashboard_cell">
-                                            <t t-esc="dashboard['rates']['billable_time']"/> %
-                                        </td>
-                                        <td>Timesheets</td>
-                                        <th rowspan="6">
-                                            <a type="action" data-model="account.analytic.line" t-att-data-domain="json.dumps(timesheet_domain)" data-context='{"pivot_row_groupby": ["timesheet_invoice_id"], "pivot_column_groupby": ["date:month"],"pivot_measures": ["amount"]}' data-views='[[0, "pivot"], [0, "list"]]' tabindex="-1">Profitability</a>
-                                        </th>
-                                        <td class="o_timesheet_plan_dashboard_cell">
-                                            <t t-esc="dashboard['profit']['invoiced']" t-options='{"widget": "monetary", "display_currency": currency}'/>
-                                        </td>
-                                        <td>Invoiced</td>
-                                    </tr>
-                                    <tr>
-                                        <td class="o_timesheet_plan_dashboard_cell">
-                                            <t t-esc="dashboard['hours']['billable_fixed']" t-options="{'widget': 'float_time'}"/>
-                                        </td>
-                                        <td>Fixed</td>
-                                        <td class="o_timesheet_plan_dashboard_cell">
-                                            <t t-esc="dashboard['rates']['billable_fixed']"/> %
-                                        </td>
-                                        <td>Fixed</td>
-                                        <td class="o_timesheet_plan_dashboard_cell">
-                                            <t t-esc="dashboard['profit']['to_invoice']" t-options='{"widget": "monetary", "display_currency": currency}'/>
-                                        </td>
-                                        <td>To invoice</td>
-                                    </tr>
-                                    <tr>
-                                        <td class="o_timesheet_plan_dashboard_cell">
-                                            <t t-esc="dashboard['hours']['non_billable_project']" t-options="{'widget': 'float_time'}"/>
-                                        </td>
-                                        <td>No task found</td>
-                                        <td class="o_timesheet_plan_dashboard_cell">
-                                            <t t-esc="dashboard['rates']['non_billable_project']"/> %
-                                        </td>
-                                        <td>No task found</td>
-                                        <td class="o_timesheet_plan_dashboard_cell">
-                                            <t t-esc="dashboard['profit']['cost']" t-options='{"widget": "monetary", "display_currency": currency}'/>
-                                        </td>
-                                        <td>Timesheet costs</td>
-                                    </tr>
-                                    <tr>
-                                        <td class="o_timesheet_plan_dashboard_cell">
-                                            <t t-esc="dashboard['hours']['non_billable']" t-options="{'widget': 'float_time'}"/>
-                                        </td>
-                                        <td><a type="action"
-                                               title="Non Billable Tasks"
-                                               data-model="project.task"
-                                               data-views='[[false, "list"], [false, "form"]]'
-                                               t-att-data-domain="json.dumps([['project_id', 'in', projects.ids], ['sale_line_id', '=', False]])"
-                                            >Non billable</a></td>
-                                        <td class="o_timesheet_plan_dashboard_cell">
-                                            <t t-esc="dashboard['rates']['non_billable']"/> %
-                                        </td>
-                                        <td>Non billable</td>
-                                        <t t-if="display_cost">
+                            <div class="table-responsive">
+                                <table class="table">
+                                    <tbody>
+                                        <tr>
+                                            <th rowspan="6">
+                                                <a type="action" data-model="account.analytic.line" t-att-data-domain="json.dumps(timesheet_domain)" data-context='{"pivot_row_groupby": ["date:month"],"pivot_column_groupby": ["timesheet_invoice_type"], "pivot_measures": ["unit_amount"]}' data-views='[[0, "pivot"], [0, "list"]]' tabindex="-1">Hours</a>
+                                            </th>
                                             <td class="o_timesheet_plan_dashboard_cell">
-                                                <t t-esc="dashboard['profit']['expense_cost']" t-options='{"widget": "monetary", "display_currency": currency}'/>
+                                                <t t-esc="dashboard['hours']['billable_time']" t-options="{'widget': 'float_time'}"/>
                                             </td>
-                                            <td>Other costs</td>
-                                        </t>
-                                        <t t-else="">
+                                            <td>Timesheets</td>
+                                            <th rowspan="6">
+                                                <a type="action" data-model="account.analytic.line" t-att-data-domain="json.dumps(timesheet_domain)" data-context='{"pivot_row_groupby": ["date:month", "employee_id"], "pivot_column_groupby": ["timesheet_invoice_type"],"pivot_measures": ["unit_amount"]}' data-views='[[0, "pivot"], [0, "list"]]' tabindex="-1">Rates</a>
+                                            </th>
+                                            <td class="o_timesheet_plan_dashboard_cell">
+                                                <t t-esc="dashboard['rates']['billable_time']"/> %
+                                            </td>
+                                            <td>Timesheets</td>
+                                            <th rowspan="6">
+                                                <a type="action" data-model="account.analytic.line" t-att-data-domain="json.dumps(timesheet_domain)" data-context='{"pivot_row_groupby": ["timesheet_invoice_id"], "pivot_column_groupby": ["date:month"],"pivot_measures": ["amount"]}' data-views='[[0, "pivot"], [0, "list"]]' tabindex="-1">Profitability</a>
+                                            </th>
+                                            <td class="o_timesheet_plan_dashboard_cell">
+                                                <t t-esc="dashboard['profit']['invoiced']" t-options='{"widget": "monetary", "display_currency": currency}'/>
+                                            </td>
+                                            <td>Invoiced</td>
+                                        </tr>
+                                        <tr>
+                                            <td class="o_timesheet_plan_dashboard_cell">
+                                                <t t-esc="dashboard['hours']['billable_fixed']" t-options="{'widget': 'float_time'}"/>
+                                            </td>
+                                            <td>Fixed</td>
+                                            <td class="o_timesheet_plan_dashboard_cell">
+                                                <t t-esc="dashboard['rates']['billable_fixed']"/> %
+                                            </td>
+                                            <td>Fixed</td>
+                                            <td class="o_timesheet_plan_dashboard_cell">
+                                                <t t-esc="dashboard['profit']['to_invoice']" t-options='{"widget": "monetary", "display_currency": currency}'/>
+                                            </td>
+                                            <td>To invoice</td>
+                                        </tr>
+                                        <tr>
+                                            <td class="o_timesheet_plan_dashboard_cell">
+                                                <t t-esc="dashboard['hours']['non_billable_project']" t-options="{'widget': 'float_time'}"/>
+                                            </td>
+                                            <td>No task found</td>
+                                            <td class="o_timesheet_plan_dashboard_cell">
+                                                <t t-esc="dashboard['rates']['non_billable_project']"/> %
+                                            </td>
+                                            <td>No task found</td>
+                                            <td class="o_timesheet_plan_dashboard_cell">
+                                                <t t-esc="dashboard['profit']['cost']" t-options='{"widget": "monetary", "display_currency": currency}'/>
+                                            </td>
+                                            <td>Timesheet costs</td>
+                                        </tr>
+                                        <tr>
+                                            <td class="o_timesheet_plan_dashboard_cell">
+                                                <t t-esc="dashboard['hours']['non_billable']" t-options="{'widget': 'float_time'}"/>
+                                            </td>
+                                            <td><a type="action"
+                                                   title="Non Billable Tasks"
+                                                   data-model="project.task"
+                                                   data-views='[[false, "list"], [false, "form"]]'
+                                                   t-att-data-domain="json.dumps([['project_id', 'in', projects.ids], ['sale_line_id', '=', False]])"
+                                                >Non billable</a></td>
+                                            <td class="o_timesheet_plan_dashboard_cell">
+                                                <t t-esc="dashboard['rates']['non_billable']"/> %
+                                            </td>
+                                            <td>Non billable</td>
+                                            <t t-if="display_cost">
+                                                <td class="o_timesheet_plan_dashboard_cell">
+                                                    <t t-esc="dashboard['profit']['expense_cost']" t-options='{"widget": "monetary", "display_currency": currency}'/>
+                                                </td>
+                                                <td>Other costs</td>
+                                            </t>
+                                            <t t-else="">
+                                                <td class="o_timesheet_plan_dashboard_total">
+                                                    <t t-esc="dashboard['profit']['total']" t-options='{"widget": "monetary", "display_currency": currency}'/>
+                                                </td>
+                                                <td><b>Total</b></td>
+                                            </t>
+                                        </tr>
+                                        <tr>
                                             <td class="o_timesheet_plan_dashboard_total">
-                                                <t t-esc="dashboard['profit']['total']" t-options='{"widget": "monetary", "display_currency": currency}'/>
+                                                <t t-esc="dashboard['hours']['total']" t-options="{'widget': 'float_time'}"/>
                                             </td>
                                             <td><b>Total</b></td>
-                                        </t>
-                                    </tr>
-                                    <tr>
-                                        <td class="o_timesheet_plan_dashboard_total">
-                                            <t t-esc="dashboard['hours']['total']" t-options="{'widget': 'float_time'}"/>
-                                        </td>
-                                        <td><b>Total</b></td>
-                                        <td></td>
-                                        <td></td>
-                                        <t t-if="display_cost">
-                                            <td class="o_timesheet_plan_dashboard_cell">
-                                                <t t-esc="dashboard['profit']['expense_amount_untaxed_invoiced']" t-options='{"widget": "monetary", "display_currency": currency}'/>
-                                            </td>
-                                            <td>Re-invoiced costs</td>
-                                        </t>
-                                        <t t-else="">
                                             <td></td>
                                             <td></td>
-                                        </t>
-                                    </tr>
-                                    <tr>
-                                        <td></td>
-                                        <td></td>
-                                        <td></td>
-                                        <td></td>
-                                        <t t-if="display_cost">
-                                            <td class="o_timesheet_plan_dashboard_total">
-                                                <t t-esc="dashboard['profit']['total']" t-options='{"widget": "monetary", "display_currency": currency}'/>
-                                            </td>
-                                            <td><b>Total</b></td>
-                                        </t>
-                                        <t t-else="">
+                                            <t t-if="display_cost">
+                                                <td class="o_timesheet_plan_dashboard_cell">
+                                                    <t t-esc="dashboard['profit']['expense_amount_untaxed_invoiced']" t-options='{"widget": "monetary", "display_currency": currency}'/>
+                                                </td>
+                                                <td>Re-invoiced costs</td>
+                                            </t>
+                                            <t t-else="">
+                                                <td></td>
+                                                <td></td>
+                                            </t>
+                                        </tr>
+                                        <tr>
                                             <td></td>
                                             <td></td>
-                                        </t>
-                                    </tr>
-                                </tbody>
-                            </table>
+                                            <td></td>
+                                            <td></td>
+                                            <t t-if="display_cost">
+                                                <td class="o_timesheet_plan_dashboard_total">
+                                                    <t t-esc="dashboard['profit']['total']" t-options='{"widget": "monetary", "display_currency": currency}'/>
+                                                </td>
+                                                <td><b>Total</b></td>
+                                            </t>
+                                            <t t-else="">
+                                                <td></td>
+                                                <td></td>
+                                            </t>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
                         </div>
 
                         <div class="o_timesheet_plan_sale_timesheet_people_time">
@@ -185,45 +187,47 @@
                                         <a type="action" data-model="account.analytic.line" t-att-data-domain="json.dumps(timesheet_domain + [('timesheet_invoice_type','=','non_billable')])" tabindex="-1">Non billable</a>
                                     </span>
                                 </div>
-                                <table class="table">
-                                    <tbody>
-                                        <t t-foreach="repartition_employee" t-as="employee_id">
-                                            <t t-set="employee" t-value="repartition_employee[employee_id]"/>
-                                            <tr>
-                                                <td style="width: 15%">
-                                                    <a type="action" data-model="account.analytic.line" t-att-data-domain="json.dumps(timesheet_domain)" t-att-data-context="json.dumps({'search_default_employee_id': employee_id})" data-views="[[0, &quot;list&quot;]]" tabindex="-1">
-                                                        <t t-esc="employee['employee_name']"/>
-                                                    </a>
-                                                </td>
-                                                <td style="width: 10%">
-                                                    <t t-esc="employee['total']" t-options="{'widget': 'float_time'}"/>
-                                                </td>
-                                                <td>
-                                                    <div t-if="repartition_employee_max" class="progress" t-attf-style="width: {{employee['total'] / repartition_employee_max * 100}}%">
+                                <div class="table-responsive">
+                                    <table class="table">
+                                        <tbody>
+                                            <t t-foreach="repartition_employee" t-as="employee_id">
+                                                <t t-set="employee" t-value="repartition_employee[employee_id]"/>
+                                                <tr>
+                                                    <td style="width: 15%">
+                                                        <a type="action" data-model="account.analytic.line" t-att-data-domain="json.dumps(timesheet_domain)" t-att-data-context="json.dumps({'search_default_employee_id': employee_id})" data-views="[[0, &quot;list&quot;]]" tabindex="-1">
+                                                            <t t-esc="employee['employee_name']"/>
+                                                        </a>
+                                                    </td>
+                                                    <td style="width: 10%">
+                                                        <t t-esc="employee['total']" t-options="{'widget': 'float_time'}"/>
+                                                    </td>
+                                                    <td>
+                                                        <div t-if="repartition_employee_max" class="progress" t-attf-style="width: {{employee['total'] / repartition_employee_max * 100}}%">
 
-                                                        <t t-set="total" t-value="employee['total'] or 1.0" />
-                                                        <t t-call="sale_timesheet.progressbar">
-                                                            <t t-set="label">Billable fixed</t>
-                                                            <t t-set="key">billable_fixed</t>
-                                                        </t>
-                                                        <t t-call="sale_timesheet.progressbar">
-                                                            <t t-set="label">Billable time</t>
-                                                            <t t-set="key">billable_time</t>
-                                                        </t>
-                                                        <t t-call="sale_timesheet.progressbar">
-                                                            <t t-set="label">No task found</t>
-                                                            <t t-set="key">non_billable_project</t>
-                                                        </t>
-                                                        <t t-call="sale_timesheet.progressbar">
-                                                            <t t-set="label">Non billable</t>
-                                                            <t t-set="key">non_billable</t>
-                                                        </t>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                        </t>
-                                    </tbody>
-                                </table>
+                                                            <t t-set="total" t-value="employee['total'] or 1.0" />
+                                                            <t t-call="sale_timesheet.progressbar">
+                                                                <t t-set="label">Billable fixed</t>
+                                                                <t t-set="key">billable_fixed</t>
+                                                            </t>
+                                                            <t t-call="sale_timesheet.progressbar">
+                                                                <t t-set="label">Billable time</t>
+                                                                <t t-set="key">billable_time</t>
+                                                            </t>
+                                                            <t t-call="sale_timesheet.progressbar">
+                                                                <t t-set="label">No task found</t>
+                                                                <t t-set="key">non_billable_project</t>
+                                                            </t>
+                                                            <t t-call="sale_timesheet.progressbar">
+                                                                <t t-set="label">Non billable</t>
+                                                                <t t-set="key">non_billable</t>
+                                                            </t>
+                                                        </div>
+                                                    </td>
+                                                </tr>
+                                            </t>
+                                        </tbody>
+                                    </table>
+                                </div>
                             </t>
                         </div>
 
@@ -231,62 +235,64 @@
                         <div class="o_project_plan_project_timesheet_forecast">
                             <t t-if="timesheet_forecast_table and timesheet_forecast_table['rows']">
                                 <h3 name="table_plan_title">Timesheets</h3>
-                                <table class="table">
-                                    <thead>
-                                        <tr>
-                                            <t t-foreach="timesheet_forecast_table['header']" t-as="header_val">
-                                                <th t-att-class="'o_right_bordered' if header_val_index in [5,10] else ''">
-                                                    <span t-att-title="header_val['tooltip']"><t t-esc="header_val['label']"/></span>
-                                                </th>
-                                            </t>
-                                        </tr>
-                                    </thead>
-                                    <tbody>
-                                        <t t-set="row_is_milestone" t-value="False"/>
-                                        <t t-foreach="timesheet_forecast_table['rows']" t-as="row">
-                                            <t t-set="row_type" t-value="row[0].get('type')"/>
-                                            <t t-if="row_type == 'sale_order_line'">
-                                                <t t-set="row_is_milestone" t-value="row[0].get('is_milestone')"/>
-                                            </t>
-                                            <tr t-att-class="'o_timesheet_forecast_' + row_type">
-                                                <t t-foreach="row" t-as="row_value">
-                                                    <td t-att-class="'o_right_bordered' if row_value_index in [5,10] else '' + ' text-center' if row_value_index != 0 else ''">
-                                                        <t t-if="row_value_index == 0">
-                                                            <t t-if="row_type == 'sale_order'">
-                                                                <a type="action" t-att-data-model="row_value['res_model']" t-att-data-res-id="row_value['res_id']" t-att-class="'o_timesheet_plan_redirect' if row_value['res_id'] else ''">
-                                                                    <t t-esc="row_value.get('label')"/>
-                                                                </a>
-                                                            </t>
-                                                            <t t-if="row_type != 'sale_order'">
-                                                                <t t-if="not row_is_milestone">
-                                                                    <span><t t-esc="row_value.get('label')"/></span>
-                                                                </t>
-                                                                 <t t-if="row_is_milestone">
-                                                                    <span><i><t t-esc="row_value.get('label')"/></i></span>
-                                                                </t>
-                                                            </t>
-                                                        </t>
-                                                        <t t-if="row_value_index != 0">
-                                                            <t t-if="row_value_index &lt; len(row)-2">
-                                                                <t t-if="row_is_milestone">
-                                                                    <i t-att-class="'text-muted' if not row_value else ''"><t t-esc="row_value" t-options="{'widget': 'float_time'}"/></i>
-                                                                </t>
-                                                                <t t-else="">
-                                                                    <span t-att-class="'text-muted' if not row_value else ''"><t t-esc="row_value" t-options="{'widget': 'float_time'}"/></span>
-                                                                </t>
-                                                            </t>
-                                                            <t t-else="">
-                                                                <t t-if="not row_is_milestone and not row[0].get('type') == 'hr_employee'">
-                                                                    <span t-att-class="'text-muted' if not row_value else ''"><t t-esc="row_value" t-options="{'widget': 'float_time'}"/></span>
-                                                                </t>
-                                                            </t>
-                                                        </t>
-                                                    </td>
+                                <div class="table-responsive">
+                                    <table class="table">
+                                        <thead>
+                                            <tr>
+                                                <t t-foreach="timesheet_forecast_table['header']" t-as="header_val">
+                                                    <th t-att-class="'o_right_bordered' if header_val_index in [5,10] else ''">
+                                                        <span t-att-title="header_val['tooltip']"><t t-esc="header_val['label']"/></span>
+                                                    </th>
                                                 </t>
                                             </tr>
-                                        </t>
-                                    </tbody>
-                                </table>
+                                        </thead>
+                                        <tbody>
+                                            <t t-set="row_is_milestone" t-value="False"/>
+                                            <t t-foreach="timesheet_forecast_table['rows']" t-as="row">
+                                                <t t-set="row_type" t-value="row[0].get('type')"/>
+                                                <t t-if="row_type == 'sale_order_line'">
+                                                    <t t-set="row_is_milestone" t-value="row[0].get('is_milestone')"/>
+                                                </t>
+                                                <tr t-att-class="'o_timesheet_forecast_' + row_type">
+                                                    <t t-foreach="row" t-as="row_value">
+                                                        <td t-att-class="'o_right_bordered' if row_value_index in [5,10] else '' + ' text-center' if row_value_index != 0 else ''">
+                                                            <t t-if="row_value_index == 0">
+                                                                <t t-if="row_type == 'sale_order'">
+                                                                    <a type="action" t-att-data-model="row_value['res_model']" t-att-data-res-id="row_value['res_id']" t-att-class="'o_timesheet_plan_redirect' if row_value['res_id'] else ''">
+                                                                        <t t-esc="row_value.get('label')"/>
+                                                                    </a>
+                                                                </t>
+                                                                <t t-if="row_type != 'sale_order'">
+                                                                    <t t-if="not row_is_milestone">
+                                                                        <span><t t-esc="row_value.get('label')"/></span>
+                                                                    </t>
+                                                                     <t t-if="row_is_milestone">
+                                                                        <span><i><t t-esc="row_value.get('label')"/></i></span>
+                                                                    </t>
+                                                                </t>
+                                                            </t>
+                                                            <t t-if="row_value_index != 0">
+                                                                <t t-if="row_value_index &lt; len(row)-2">
+                                                                    <t t-if="row_is_milestone">
+                                                                        <i t-att-class="'text-muted' if not row_value else ''"><t t-esc="row_value" t-options="{'widget': 'float_time'}"/></i>
+                                                                    </t>
+                                                                    <t t-else="">
+                                                                        <span t-att-class="'text-muted' if not row_value else ''"><t t-esc="row_value" t-options="{'widget': 'float_time'}"/></span>
+                                                                    </t>
+                                                                </t>
+                                                                <t t-else="">
+                                                                    <t t-if="not row_is_milestone and not row[0].get('type') == 'hr_employee'">
+                                                                        <span t-att-class="'text-muted' if not row_value else ''"><t t-esc="row_value" t-options="{'widget': 'float_time'}"/></span>
+                                                                    </t>
+                                                                </t>
+                                                            </t>
+                                                        </td>
+                                                    </t>
+                                                </tr>
+                                            </t>
+                                        </tbody>
+                                    </table>
+                                </div>
                             </t>
                         </div>