diff --git a/app/Abstracts/View/Components/DocumentShow.php b/app/Abstracts/View/Components/DocumentShow.php
index c0d6ec6b7..e11d414e7 100644
--- a/app/Abstracts/View/Components/DocumentShow.php
+++ b/app/Abstracts/View/Components/DocumentShow.php
@@ -437,6 +437,9 @@ abstract class DocumentShow extends Base
         $this->classHeaderAmount = $this->getClassHeaderAmount($type, $classHeaderAmount);
         $this->classHeaderDueAt = $this->getClassHeaderDueAt($type, $classHeaderDueAt);
 
+        $this->classFooterHistories = $this->getClassFooterHistories($type, $classFooterHistories);
+        $this->classFooterTransactions = $this->getClassFooterTransactions($type, $classFooterTransactions);
+
         $this->hideHeaderStatus = $hideHeaderStatus;
         $this->hideHeaderContact = $hideHeaderContact;
         $this->hideHeaderAmount = $hideHeaderAmount;
@@ -1027,6 +1030,36 @@ abstract class DocumentShow extends Base
         return 'col-md-2';
     }
 
+    protected function getClassFooterHistories($type, $classFooterHistories)
+    {
+        if (!empty($classFooterHistories)) {
+            return $classFooterHistories;
+        }
+
+        $class = $this->getClassFromConfig($type, 'footer_histories');
+
+        if (!empty($class)) {
+            return $class;
+        }
+
+        return 'col-sm-6 col-md-6 col-lg-6 col-xl-6';
+    }
+
+    protected function getClassFooterTransactions($type, $classFooterTransactions)
+    {
+        if (!empty($classFooterTransactions)) {
+            return $classFooterTransactions;
+        }
+
+        $class = $this->getClassFromConfig($type, 'footer_transactions');
+
+        if (!empty($class)) {
+            return $class;
+        }
+
+        return 'col-sm-6 col-md-6 col-lg-6 col-xl-6';
+    }
+
     protected function getTimelineStatuses($type, $hideTimelineStatuses)
     {
         if (!empty($hideTimelineStatuses)) {
diff --git a/resources/views/components/documents/show/content.blade.php b/resources/views/components/documents/show/content.blade.php
index 26997b2b4..0c0882612 100644
--- a/resources/views/components/documents/show/content.blade.php
+++ b/resources/views/components/documents/show/content.blade.php
@@ -78,7 +78,7 @@
     @endif
 @stack('timeline_end')
 
-@stack('invoice_start')
+@stack('document_start')
     <x-documents.show.document
         type="{{ $type }}"
         :document="$document"
@@ -120,7 +120,7 @@
         text-price="{{ $textPrice }}"
         text-amount="{{ $textAmount }}"
     />
-@stack('invoice_end')
+@stack('document_end')
 
 @stack('attachment_start')
     @if (!$hideAttachment)
@@ -139,10 +139,12 @@
             :document="$document"
             :histories="$histories"
             :transactions="$transactions"
+            class-footer-histories="{{ $classFooterHistories }}"
             hide-footer-histories="{{ $hideFooterHistories }}"
             text-histories="{{ $textHistories }}"
             text-history-status="{{ $textHistoryStatus }}"
             hide-footer-transactions="{{ $hideFooterTransactions }}"
+            class-footer-transactions="{{ $classFooterTransactions }}"
         />
     @endif
 @stack('row_footer_end')
diff --git a/resources/views/components/documents/show/footer.blade.php b/resources/views/components/documents/show/footer.blade.php
index da8e86177..2810500ad 100644
--- a/resources/views/components/documents/show/footer.blade.php
+++ b/resources/views/components/documents/show/footer.blade.php
@@ -1,7 +1,7 @@
 <div class="row">
     @stack('row_footer_histories_start')
         @if (!$hideFooterHistories)
-            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
+            <div class="{{ $classFooterHistories }}">
                 <x-documents.show.histories
                     type="{{ $type }}"
                     :document="$document"
@@ -15,7 +15,7 @@
 
     @stack('row_footer_transactions_start')
         @if (!$hideFooterTransactions) 
-            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
+            <div class="{{ $classFooterTransactions }}">
                 <x-documents.show.transactions
                     type="{{ $type }}"
                     :document="$document"