diff --git a/app/Abstracts/View/Components/DocumentShow.php b/app/Abstracts/View/Components/DocumentShow.php
index 49428a7a9..43a7ba824 100644
--- a/app/Abstracts/View/Components/DocumentShow.php
+++ b/app/Abstracts/View/Components/DocumentShow.php
@@ -3,15 +3,15 @@
 namespace App\Abstracts\View\Components;
 
 use App\Abstracts\View\Components\Document as Base;
-use App\Traits\DateTime;
 use App\Models\Common\Media;
+use App\Traits\DateTime;
 use File;
-use Image;
-use Storage;
 use Illuminate\Support\Facades\Log;
 use Illuminate\Support\Facades\URL;
 use Illuminate\Support\Str;
+use Image;
 use Intervention\Image\Exception\NotReadableException;
+use Storage;
 
 abstract class DocumentShow extends Base
 {
@@ -28,7 +28,7 @@ abstract class DocumentShow extends Base
     public $logo;
 
     /** @var string */
-    public $backGroundColor;
+    public $backgroundColor;
 
     /** @var string */
     public $signedUrl;
@@ -359,7 +359,7 @@ abstract class DocumentShow extends Base
      * @return void
      */
     public function __construct(
-        $type, $document, $documentTemplate = '', $logo = '', $backGroundColor = '', string $signedUrl = '', $histories = [], $transactions = [],
+        $type, $document, $documentTemplate = '', $logo = '', $backgroundColor = '', string $signedUrl = '', $histories = [], $transactions = [],
         string $textRecurringType = '', string $textStatusMessage = '', string $textHistories = '', string $textHistoryStatus = '',
         string $routeButtonAddNew = '', string $routeButtonEdit = '', string $routeButtonDuplicate = '', string $routeButtonPrint = '', string $routeButtonPdf = '', string $routeButtonCancelled = '', string $routeButtonDelete = '', string $routeButtonCustomize = '', string $routeButtonSent = '',
         string $routeButtonReceived = '', string $routeButtonEmail = '', string $routeButtonPaid = '',
@@ -387,7 +387,7 @@ abstract class DocumentShow extends Base
         $this->document = $document;
         $this->documentTemplate = $this->getDocumentTemplate($type, $documentTemplate);
         $this->logo = $this->getLogo($logo);
-        $this->backGroundColor = $backGroundColor;
+        $this->backgroundColor = $backgroundColor;
         $this->signedUrl = $this->getSignedUrl($type, $signedUrl);
 
         $this->histories = ($histories) ? $histories : $document->histories;
diff --git a/app/Abstracts/View/Components/DocumentTemplate.php b/app/Abstracts/View/Components/DocumentTemplate.php
index f1a0a3a56..befb69193 100644
--- a/app/Abstracts/View/Components/DocumentTemplate.php
+++ b/app/Abstracts/View/Components/DocumentTemplate.php
@@ -7,9 +7,8 @@ use App\Models\Common\Media;
 use App\Traits\DateTime;
 use File;
 use Illuminate\Support\Facades\Log;
-use Illuminate\Support\Str;
-use Intervention\Image\Exception\NotReadableException;
 use Image;
+use Intervention\Image\Exception\NotReadableException;
 use Storage;
 
 abstract class DocumentTemplate extends Base
@@ -29,7 +28,7 @@ abstract class DocumentTemplate extends Base
 
     public $logo;
 
-    public $backGroundColor;
+    public $backgroundColor;
 
     public $hideFooter;
 
@@ -129,7 +128,7 @@ abstract class DocumentTemplate extends Base
         $this->document = $document;
         $this->documentTemplate = $this->getDocumentTemplate($type, $documentTemplate);
         $this->logo = $this->getLogo($logo);
-        $this->backGroundColor = $this->getBackgroundColor($type, $backgroundColor);
+        $this->backgroundColor = $this->getBackgroundColor($type, $backgroundColor);
 
         $this->hideFooter = $hideFooter;
         $this->hideCompanyLogo = $hideCompanyLogo;
diff --git a/resources/views/components/documents/show/content.blade.php b/resources/views/components/documents/show/content.blade.php
index f95e53860..653838972 100644
--- a/resources/views/components/documents/show/content.blade.php
+++ b/resources/views/components/documents/show/content.blade.php
@@ -84,7 +84,7 @@
         :document="$document"
         document-template="{{ $documentTemplate }}"
         logo="{{ $logo }}"
-        back-ground-color="{{ $backGroundColor }}"
+        background-color="{{ $backgroundColor }}"
         hide-footer="{{ $hideFooter }}"
         hide-company-logo="{{ $hideCompanyLogo }}"
         hide-company-details="{{ $hideCompanyDetails }}"
diff --git a/resources/views/components/documents/show/document.blade.php b/resources/views/components/documents/show/document.blade.php
index 5114b1848..d814666e2 100644
--- a/resources/views/components/documents/show/document.blade.php
+++ b/resources/views/components/documents/show/document.blade.php
@@ -10,7 +10,7 @@
                         :document="$document"
                         document-template="{{ $documentTemplate }}"
                         logo="{{ $logo }}"
-                        back-ground-color="{{ $backGroundColor }}"
+                        background-color="{{ $backgroundColor }}"
                         hide-footer="{{ $hideFooter }}"
                         hide-company-logo="{{ $hideCompanyLogo }}"
                         hide-company-details="{{ $hideCompanyDetails }}"
@@ -53,7 +53,7 @@
                         :document="$document"
                         document-template="{{ $documentTemplate }}"
                         logo="{{ $logo }}"
-                        back-ground-color="{{ $backGroundColor }}"
+                        background-color="{{ $backgroundColor }}"
                         hide-footer="{{ $hideFooter }}"
                         hide-company-logo="{{ $hideCompanyLogo }}"
                         hide-company-details="{{ $hideCompanyDetails }}"
@@ -96,7 +96,7 @@
                         :document="$document"
                         document-template="{{ $documentTemplate }}"
                         logo="{{ $logo }}"
-                        back-ground-color="{{ $backGroundColor }}"
+                        background-color="{{ $backgroundColor }}"
                         hide-footer="{{ $hideFooter }}"
                         hide-company-logo="{{ $hideCompanyLogo }}"
                         hide-company-details="{{ $hideCompanyDetails }}"
diff --git a/resources/views/components/documents/template/classic.blade.php b/resources/views/components/documents/template/classic.blade.php
index d16e3d77f..a454ff8c8 100644
--- a/resources/views/components/documents/template/classic.blade.php
+++ b/resources/views/components/documents/template/classic.blade.php
@@ -52,8 +52,8 @@
 
 <div class="row mt-2">
     <div class="col-33">
-        <hr class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backGroundColor }};">
-        <hr class="invoice-classic-line" style="background-color:{{ $backGroundColor }};">
+        <hr class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backgroundColor }};">
+        <hr class="invoice-classic-line" style="background-color:{{ $backgroundColor }};">
     </div>
 
     <div class="col-33">
@@ -72,8 +72,8 @@
     </div>
 
     <div class="col-33">
-        <hr class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backGroundColor }};">
-        <hr class="invoice-classic-line" style="background-color:{{ $backGroundColor }};">
+        <hr class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backgroundColor }};">
+        <hr class="invoice-classic-line" style="background-color:{{ $backgroundColor }};">
     </div>
 </div>
 
diff --git a/resources/views/components/documents/template/default.blade.php b/resources/views/components/documents/template/default.blade.php
index 55ef2cd51..b760ef3cd 100644
--- a/resources/views/components/documents/template/default.blade.php
+++ b/resources/views/components/documents/template/default.blade.php
@@ -148,7 +148,7 @@
     <div class="col-100">
         <div class="text">
             <table class="lines">
-                <thead style="background-color:{{ $backGroundColor }} !important; -webkit-print-color-adjust: exact;">
+                <thead style="background-color:{{ $backgroundColor }} !important; -webkit-print-color-adjust: exact;">
                     <tr>
                         @stack('name_th_start')
                             @if (!$hideItems || (!$hideName && !$hideDescription))
diff --git a/resources/views/components/documents/template/modern.blade.php b/resources/views/components/documents/template/modern.blade.php
index 3ed0f774b..c1388878b 100644
--- a/resources/views/components/documents/template/modern.blade.php
+++ b/resources/views/components/documents/template/modern.blade.php
@@ -1,4 +1,4 @@
-<div class="row" style="background-color:{{ $backGroundColor }} !important; -webkit-print-color-adjust: exact;">
+<div class="row" style="background-color:{{ $backgroundColor }} !important; -webkit-print-color-adjust: exact;">
     <div class="col-58">
         <div class="text company pl-2 mb-1 d-flex align-items-center">
             @stack('company_logo_start')
@@ -138,7 +138,7 @@
     <div class="col-100">
         <div class="text">
             <table class="m-lines">
-                <thead style="background-color:{{ $backGroundColor }} !important; -webkit-print-color-adjust: exact;">
+                <thead style="background-color:{{ $backgroundColor }} !important; -webkit-print-color-adjust: exact;">
                     <tr>
                         @stack('name_th_start')
                             @if (!$hideItems || (!$hideName && !$hideDescription))
@@ -244,7 +244,7 @@
 @if (!$hideFooter)
     @if ($document->footer)
         <div class="row mt-7">
-            <div class="col-100 py-2" style="background-color:{{ $backGroundColor }} !important; -webkit-print-color-adjust: exact;">
+            <div class="col-100 py-2" style="background-color:{{ $backgroundColor }} !important; -webkit-print-color-adjust: exact;">
                 <div class="text pl-2">
                     <strong class="text-white">{!! nl2br($document->footer) !!}</strong>
                 </div>