diff --git a/app/Http/Livewire/DocumentsTable.php b/app/Http/Livewire/DocumentsTable.php
index 8b5dd48a84ae..faac2a8463f0 100644
--- a/app/Http/Livewire/DocumentsTable.php
+++ b/app/Http/Livewire/DocumentsTable.php
@@ -21,6 +21,7 @@ use App\Models\Invoice;
 use App\Models\Payment;
 use App\Models\Project;
 use App\Models\Quote;
+use App\Models\RecurringInvoice;
 use App\Utils\Traits\WithSorting;
 use Livewire\Component;
 use Livewire\WithPagination;
@@ -88,6 +89,10 @@ class DocumentsTable extends Component
                 $this->query = $this->quotes();
                 break;
 
+            case 'recurringInvoices':
+                $this->query = $this->recurringInvoices();
+                break;
+
             default:
                 $this->query = $this->documents();
                 break;
@@ -146,4 +151,12 @@ class DocumentsTable extends Component
                 $query->where('client_id', $this->client->id);
             });
     }
+
+    protected function recurringInvoices()
+    {
+        return Document::query()
+            ->whereHasMorph('documentable', [RecurringInvoice::class], function ($query) {
+                $query->where('client_id', $this->client->id);
+            });
+    }
 }
diff --git a/resources/views/portal/ninja2020/components/livewire/documents-table.blade.php b/resources/views/portal/ninja2020/components/livewire/documents-table.blade.php
index 3d0ae7ac2465..d226bbcaddce 100644
--- a/resources/views/portal/ninja2020/components/livewire/documents-table.blade.php
+++ b/resources/views/portal/ninja2020/components/livewire/documents-table.blade.php
@@ -40,7 +40,13 @@
             class="button border border-transparent hover:border-gray-600 {{ $tab === 'quotes' ? 'border-gray-600' : '' }}"ž
             wire:click="updateResources('quotes')" />
                 {{ ctrans('texts.quotes') }}
-        </button>        
+        </button>   
+        
+        <button 
+            class="button border border-transparent hover:border-gray-600 {{ $tab === 'recurringInvoices' ? 'border-gray-600' : '' }}"ž
+            wire:click="updateResources('recurringInvoices')" />
+                {{ ctrans('texts.recurring_invoices') }}
+        </button>   
     </div>
 
     <div class="flex items-center justify-between mt-6">