diff --git a/resources/views/portal/dashboard/index.blade.php b/resources/views/portal/dashboard/index.blade.php
index aceb85c40..10284f2aa 100644
--- a/resources/views/portal/dashboard/index.blade.php
+++ b/resources/views/portal/dashboard/index.blade.php
@@ -22,10 +22,10 @@
                 </div>
                 <el-tooltip
                 content="{{ $progress['total'] }} / {{ $progress['unpaid'] }}"
-                effect="light"
+                effect="dark"
                 :open-delay="100"
                 placement="top"
-                popper-class="text-dark">
+                popper-class="text-white">
                     <div class="card-footer">
                         <div class="progress progress-xs mb-0">
                             <div class="progress-bar bg-danger" role="progressbar" aria-valuenow="{{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['unpaid'] : '0' }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['unpaid'] : '0' }}%"></div>
@@ -53,10 +53,10 @@
                 </div>
                 <el-tooltip
                 content="{{ $progress['total'] }} / {{ $progress['paid'] }}"
-                effect="light"
+                effect="dark"
                 :open-delay="100"
                 placement="top"
-                popper-class="text-dark">
+                popper-class="text-white">
                     <div class="card-footer">
                         <div class="progress progress-xs mb-0">
                             <div class="progress-bar bg-success" role="progressbar" aria-valuenow="{{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['paid'] : '0' }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['paid'] : '0' }}%"></div>
@@ -84,10 +84,10 @@
                 </div>
                 <el-tooltip
                 content="{{ $progress['total'] }} / {{ $progress['overdue'] }}"
-                effect="light"
+                effect="dark"
                 :open-delay="100"
                 placement="top"
-                popper-class="text-dark">
+                popper-class="text-white">
                     <div class="card-footer">
                         <div class="progress progress-xs mb-0">
                             <div class="progress-bar bg-warning" role="progressbar" aria-valuenow="{{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['overdue'] : '0' }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['overdue'] : '0' }}%"></div>
@@ -115,10 +115,10 @@
                 </div>
                 <el-tooltip
                 content="{{ $progress['total'] }} / {{ $progress['partially_paid'] }}"
-                effect="light"
+                effect="dark"
                 :open-delay="100"
                 placement="top"
-                popper-class="text-dark">
+                popper-class="text-white">
                     <div class="card-footer">
                         <div class="progress progress-xs mb-0">
                             <div class="progress-bar bg-info" role="progressbar" aria-valuenow="{{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['partially_paid'] : '0' }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['partially_paid'] : '0' }}%"></div>
diff --git a/resources/views/widgets/total_expenses.blade.php b/resources/views/widgets/total_expenses.blade.php
index 25e49a705..d1ccd5741 100644
--- a/resources/views/widgets/total_expenses.blade.php
+++ b/resources/views/widgets/total_expenses.blade.php
@@ -20,10 +20,10 @@
                 <span class="text-white">{{ trans('widgets.payables') }}</span>
                 <el-tooltip
                 content="{{ trans('widgets.open_bills') }}: {{ $totals['open'] }} / {{ trans('widgets.overdue_bills') }}: {{ $totals['overdue'] }}"
-                effect="light"
+                effect="dark"
                 :open-delay="100"
                 placement="top"
-                popper-class="text-dark">
+                popper-class="text-white">
                     <span class="text-white font-weight-bold float-right">{{ $totals['open'] }} / {{ $totals['overdue'] }}</span>
                 </el-tooltip>
             </p>
diff --git a/resources/views/widgets/total_income.blade.php b/resources/views/widgets/total_income.blade.php
index 5fe8bc32b..0da6149ff 100644
--- a/resources/views/widgets/total_income.blade.php
+++ b/resources/views/widgets/total_income.blade.php
@@ -20,10 +20,10 @@
                 <span class="text-white">{{ trans('widgets.receivables') }}</span>
                 <el-tooltip
                 content="{{ trans('widgets.open_invoices') }}: {{ $totals['open'] }} / {{ trans('widgets.overdue_invoices') }}: {{ $totals['overdue'] }}"
-                effect="light"
+                effect="dark"
                 :open-delay="100"
                 placement="top"
-                popper-class="text-dark">
+                popper-class="text-white">
                     <span class="text-white font-weight-bold float-right">{{ $totals['open'] }} / {{ $totals['overdue'] }}</span>
                 </el-tooltip>
             </p>
diff --git a/resources/views/widgets/total_profit.blade.php b/resources/views/widgets/total_profit.blade.php
index 4b32a094c..b1fc2dafe 100644
--- a/resources/views/widgets/total_profit.blade.php
+++ b/resources/views/widgets/total_profit.blade.php
@@ -20,10 +20,10 @@
                 <span class="text-white">{{ trans('general.upcoming') }}</span>
                 <el-tooltip
                 content="{{ trans('widgets.open_profit') }}: {{ $totals['open'] }} / {{ trans('widgets.overdue_profit') }}: {{ $totals['overdue'] }}"
-                effect="light"
+                effect="dark"
                 :open-delay="100"
                 placement="top"
-                popper-class="text-dark">
+                popper-class="text-white">
                     <span class="text-white font-weight-bold float-right">{{ $totals['open'] }} / {{ $totals['overdue'] }}</span>
                 </el-tooltip>
             </p>