diff --git a/app/Http/Livewire/PdfSlot.php b/app/Http/Livewire/PdfSlot.php
index 788e0048b3c4..40a2ae4268b9 100644
--- a/app/Http/Livewire/PdfSlot.php
+++ b/app/Http/Livewire/PdfSlot.php
@@ -124,20 +124,20 @@ class PdfSlot extends Component
 
         if($this->entity_type == 'invoice' || $this->entity_type == 'recurring_invoice') {
             foreach($this->settings->pdf_variables->invoice_details as $variable) 
-                $entity_details .= "<div class='px-1 py-1 sm:grid sm:grid-cols-4 sm:gap-0 sm:px-2 border-b-3 border-fuschia-500'><dt class='leading-4'>{$variable}_label</dt><dd class='text-sm font-mediumtext-gray-900'>{$variable}</dd></div>";
+                $entity_details .= "<div class='px-1 py-1 sm:grid sm:grid-cols-4 sm:gap-0 sm:px-2 border-b-3 border-fuschia-500'><dt class=''>{$variable}_label</dt><dd class='flex text-sm font-mediumtext-gray-900 space-x-4'>{$variable}</dd></div>";
     
         }
         elseif($this->entity_type == 'quote'){
             foreach($this->settings->pdf_variables->quote_details as $variable)
-                $entity_details .= "<div class='px-1 py-1 sm:grid sm:grid-cols-4 sm:gap-0 sm:px-2 border-b-3 border-fuschia-500'><dt class='leading-4'>{$variable}_label</dt><dd class='text-sm font-mediumtext-gray-900'>{$variable}</dd></div>";
+                $entity_details .= "<div class='px-1 py-1 sm:grid sm:grid-cols-4 sm:gap-0 sm:px-2 border-b-3 border-fuschia-500'><dt class=''>{$variable}_label</dt><dd class='flex text-sm font-mediumtext-gray-900 space-x-4'>{$variable}</dd></div>";
         }
         elseif($this->entity_type == 'credit') {
             foreach($this->settings->pdf_variables->credit_details as $variable)
-                $entity_details .= "<div class='px-1 py-1 sm:grid sm:grid-cols-4 sm:gap-0 sm:px-2 border-b-3 border-fuschia-500'><dt class='leading-4'>{$variable}_label</dt><dd class='text-sm font-mediumtext-gray-900'>{$variable}</dd></div>";
+                $entity_details .= "<div class='px-1 py-1 sm:grid sm:grid-cols-4 sm:gap-0 sm:px-2 border-b-3 border-fuschia-500'><dt class=''>{$variable}_label</dt><dd class='flex text-sm font-mediumtext-gray-900 space-x-4'>{$variable}</dd></div>";
         }
         elseif($this->entity_type == 'purchase_order'){
             foreach($this->settings->pdf_variables->purchase_order_details as $variable)
-                $entity_details .= "<div class='px-1 py-1 sm:grid sm:grid-cols-4 sm:gap-0 sm:px-2 border-b-3 border-fuschia-500'><dt class='leading-4'>{$variable}_label</dt><dd class='text-sm font-mediumtext-gray-900'>{$variable}</dd></div>";
+                $entity_details .= "<div class='px-1 py-1 sm:grid sm:grid-cols-4 sm:gap-0 sm:px-2 border-b-3 border-fuschia-500'><dt class=''>{$variable}_label</dt><dd class='flex text-sm font-mediumtext-gray-900 space-x-4'>{$variable}</dd></div>";
         }
             
         $entity_details .= "</dl>";
diff --git a/resources/views/portal/ninja2020/components/html-viewer.blade.php b/resources/views/portal/ninja2020/components/html-viewer.blade.php
index 182e169966d0..b91e6c7c0ffb 100644
--- a/resources/views/portal/ninja2020/components/html-viewer.blade.php
+++ b/resources/views/portal/ninja2020/components/html-viewer.blade.php
@@ -28,7 +28,7 @@ span {
 
 </style>
 <div class="w-full">
-    <div class="flex flex-row content-center border-fuchsia-600 border-b-2">
+    <div class="flex flex-row content-center border-fuchsia-600 border-b-2 pb-3">
         <div id="company-details" class="mx-auto">
             {!! $company_details !!}
         </div>
@@ -38,9 +38,9 @@ span {
         </div>
     </div>
 
-    <div> {!! $entity_details !!}</div>
+    <div class="mt-3"> {!! $entity_details !!}</div>
 
-    <div id="user-details">
+    <div id="user-details" class="mt-3">
         {!! $user_details !!}
     </div>