diff --git a/addons/account/views/account_portal_templates.xml b/addons/account/views/account_portal_templates.xml
index aa7f81ec3a3..cba163a8cb1 100644
--- a/addons/account/views/account_portal_templates.xml
+++ b/addons/account/views/account_portal_templates.xml
@@ -25,7 +25,7 @@
             <p>There are currently no invoices and payments for your account.</p>
         </t>
         <div t-if="invoices" class="panel panel-default">
-            <div class="table-responsive"><table class="table table-hover o_my_status_table">
+            <div class="table-responsive"><table class="table table-hover o_portal_my_doc_table">
                 <thead>
                   <tr class="active">
                     <th>Invoice #</th>
diff --git a/addons/account_payment/views/account_portal_templates.xml b/addons/account_payment/views/account_portal_templates.xml
index 7c8ba8543cf..6d1c446e0f3 100644
--- a/addons/account_payment/views/account_portal_templates.xml
+++ b/addons/account_payment/views/account_portal_templates.xml
@@ -1,6 +1,6 @@
 <odoo>
     <template id="portal_my_invoices_payment" name="Payment on My Invoices" inherit_id="account.portal_my_invoices">
-        <xpath expr="//table[hasclass('o_my_status_table')]/thead/tr/th[last()]" position="before">
+        <xpath expr="//table[hasclass('o_portal_my_doc_table')]/thead/tr/th[last()]" position="before">
             <th></th>
         </xpath>
         <xpath expr="//t[@t-foreach='invoices']/tr/td[last()]" position="before">
diff --git a/addons/portal/static/src/less/portal_frontend.less b/addons/portal/static/src/less/portal_frontend.less
index 6f759532fb8..33c2bf0969b 100644
--- a/addons/portal/static/src/less/portal_frontend.less
+++ b/addons/portal/static/src/less/portal_frontend.less
@@ -1,31 +1,38 @@
 .o_portal {
     .breadcrumb {
         margin-bottom: 0px;
+        display: inline-block;
     }
-}
-.o_my_status_table {
-    text-align: right;
-    tr > :first-child {
-        text-align: left;
-    }
-    tr th {
-        text-align: center;
+
+    > tbody.o_portal_report_tbody {
+        vertical-align: middle;
     }
 }
 
-.o_my_home_content > .page-header > a:hover {
-    text-decoration: none;
-}
+.o_portal_wrap {
+    .o_portal_my_home > .page-header > a:hover {
+        text-decoration: none;
+    }
 
-.portal-wrap table.table tr {
-    word-wrap: break-word;
-}
+    .o_portal_my_doc_table {
+        td, th {
+            text-align: right;
+        }
+        tr > :first-child {
+            text-align: left;
+        }
+    }
 
-.search_panel_fixed_width {
-    overflow: hidden;
-    max-width: 125px;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+    .o_portal_search_panel_fixed_width {
+        overflow: hidden;
+        max-width: 125px;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    table.table tr {
+        word-wrap: break-word;
+    }
 }
 
 .oe_attachments .o_image_small {
@@ -33,10 +40,6 @@
     width: 50px;
 }
 
-.breadcrumb {
-  display: inline-block;
-}
-
 .o_portal_chatter {
     padding: 10px;
 
diff --git a/addons/portal/views/portal_templates.xml b/addons/portal/views/portal_templates.xml
index 87e566b874e..0c5bcf6c1c6 100644
--- a/addons/portal/views/portal_templates.xml
+++ b/addons/portal/views/portal_templates.xml
@@ -74,7 +74,7 @@
                     </div>
                 </div>
             </div>
-            <div id="wrap" class='portal-wrap'>
+            <div id="wrap" class='o_portal_wrap'>
                 <div class="container mb64">
                     <t t-if="my_details">
                         <div class="row">
@@ -117,7 +117,7 @@
     <template id="portal_my_home" name="My Portal">
         <t t-call="portal.portal_layout">
             <t t-set="my_details" t-value="True"/>
-            <div class="o_my_home_content">
+            <div class="o_portal_my_home">
                 <div class="oe_structure"></div>
                 <h3 class="page-header">Your Documents</h3>
                 <ul class="o_portal_docs list-group">
@@ -159,7 +159,7 @@
                             </li>
                         </ul>
                     </div>
-                    <input type="text" class="form-control search_panel_fixed_width" t-att-value='search' name="search"/>
+                    <input type="text" class="form-control o_portal_search_panel_fixed_width" t-att-value='search' name="search"/>
                     <span class="input-group-btn">
                         <button class="btn btn-default search-submit" type="button"><span class="fa fa-search"></span></button>
                     </span>
@@ -167,7 +167,7 @@
             </div>
         </t>
         <div t-if="searchbar_sortings" class="dropdown pull-right mr4">
-            <button id="portal_searchbar_sortby" class="search_panel_fixed_width btn btn-default" type="button" data-toggle="dropdown">
+            <button id="portal_searchbar_sortby" class="o_portal_search_panel_fixed_width btn btn-default" type="button" data-toggle="dropdown">
                 <span class="fa fa-sort fa-lg" />
                 <span class='hidden-xs hidden-sm hidden-md' t-esc="searchbar_sortings[sortby].get('label', 'Newest')"/>
                 <span class="caret"></span>
@@ -181,7 +181,7 @@
             </ul>
         </div>
         <div t-if="searchbar_filters" class="dropdown pull-right mr4">
-            <button id="portal_searchbar_filters" class="search_panel_fixed_width btn btn-default" type="button" data-toggle="dropdown">
+            <button id="portal_searchbar_filters" class="o_portal_search_panel_fixed_width btn btn-default" type="button" data-toggle="dropdown">
                 <span class="fa fa-filter fa-lg" />
                 <span class='hidden-xs hidden-sm hidden-md' t-esc="searchbar_filters[filterby].get('label', 'All')"/>
                 <span class="caret"></span>
diff --git a/addons/project/views/project_portal_templates.xml b/addons/project/views/project_portal_templates.xml
index 7b5d96db751..afb8a5534c0 100644
--- a/addons/project/views/project_portal_templates.xml
+++ b/addons/project/views/project_portal_templates.xml
@@ -43,7 +43,7 @@
                 </div>
             </t>
             <div t-if="projects" class="panel panel-default">
-                <div class="table-responsive"><table class="table table-hover o_my_status_table">
+                <div class="table-responsive"><table class="table table-hover o_portal_my_doc_table">
                     <thead>
                         <tr class="active">
                             <th class="col-md-6">Name</th>
@@ -136,7 +136,7 @@
                 </div>
             </t>
             <div t-if="tasks" class="panel panel-default">
-                <div class="table-responsive"><table class="table table-hover o_my_status_table">
+                <div class="table-responsive"><table class="table table-hover o_portal_my_doc_table">
                     <thead>
                         <tr class="active">
                             <th class="col-md-10">Task</th>
diff --git a/addons/purchase/views/portal_templates.xml b/addons/purchase/views/portal_templates.xml
index 4040abefd90..664fef96626 100644
--- a/addons/purchase/views/portal_templates.xml
+++ b/addons/purchase/views/portal_templates.xml
@@ -28,7 +28,7 @@
         <t t-call="portal.portal_searchbar"/>
       </h3>
       <div t-if="orders" class="panel panel-default">
-      <div class="table-responsive"><table class="table table-hover o_my_status_table">
+      <div class="table-responsive"><table class="table table-hover o_portal_my_doc_table">
         <thead>
           <tr class="active">
             <th>Purchase Orders #</th>
diff --git a/addons/sale/views/sale_portal_templates.xml b/addons/sale/views/sale_portal_templates.xml
index bfd0ebe801d..50bc33e5052 100644
--- a/addons/sale/views/sale_portal_templates.xml
+++ b/addons/sale/views/sale_portal_templates.xml
@@ -46,7 +46,7 @@
             <p>There are currently no quotations for your account.</p>
         </t>
         <div t-if="quotations" class="panel panel-default">
-            <div class="table-responsive"><table class="table table-hover o_my_status_table">
+            <div class="table-responsive"><table class="table table-hover o_portal_my_doc_table">
                 <thead>
                   <tr class="active">
                       <th>Quotation #</th>
@@ -92,7 +92,7 @@
             <p>There are currently no orders for your account.</p>
         </t>
         <div t-if="orders" class="panel panel-default">
-            <div class="table-responsive"><table class="table table-hover o_my_status_table">
+            <div class="table-responsive"><table class="table table-hover o_portal_my_doc_table">
                 <thead>
                   <tr class="active">
                     <th>