diff --git a/public/css/app.css b/public/css/app.css
index 2156ee817..15f73f653 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -7404,30 +7404,30 @@ button, input, optgroup, select, textarea{
   width: -moz-fit-content;
   width: fit-content;
 }
-.w-5\/12{
-  width: 41.666667%;
+.w-8\/12{
+  width: 66.666667%;
 }
 .w-4\/12{
   width: 33.333333%;
 }
-.w-3\/12{
-  width: 25%;
-}
 .w-6\/12{
   width: 50%;
 }
+.w-3\/12{
+  width: 25%;
+}
 .w-2\/12{
   width: 16.666667%;
 }
 .w-9\/12{
   width: 75%;
 }
-.w-8\/12{
-  width: 66.666667%;
-}
 .w-7\/12{
   width: 58.333333%;
 }
+.w-5\/12{
+  width: 41.666667%;
+}
 .w-1\/2{
   width: 50%;
 }
@@ -50883,10 +50883,6 @@ body{
     margin-top: -6rem;
   }
 
-  .sm\:mt-10{
-    margin-top: 2.5rem;
-  }
-
   .sm\:mt-2{
     margin-top: 0.5rem;
   }
@@ -50895,6 +50891,14 @@ body{
     margin-top: 0px;
   }
 
+  .sm\:mb-5{
+    margin-bottom: 1.25rem;
+  }
+
+  .sm\:ml-8{
+    margin-left: 2rem;
+  }
+
   .sm\:block{
     display: block;
   }
@@ -50921,14 +50925,14 @@ body{
     width: 50%;
   }
 
-  .sm\:w-3\/12{
-    width: 25%;
-  }
-
   .sm\:w-5\/12{
     width: 41.666667%;
   }
 
+  .sm\:w-3\/12{
+    width: 25%;
+  }
+
   .sm\:w-4\/12{
     width: 33.333333%;
   }
@@ -51030,9 +51034,9 @@ body{
     border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
   }
 
-  .sm\:px-8{
-    padding-left: 2rem;
-    padding-right: 2rem;
+  .sm\:px-0{
+    padding-left: 0px;
+    padding-right: 0px;
   }
 
   .sm\:text-6xl{
diff --git a/resources/assets/js/components/AkauntingModal.vue b/resources/assets/js/components/AkauntingModal.vue
index 2a20e0f1e..a9b46550b 100644
--- a/resources/assets/js/components/AkauntingModal.vue
+++ b/resources/assets/js/components/AkauntingModal.vue
@@ -7,7 +7,7 @@
             tabindex="-1"
             role="dialog"
             :aria-hidden="!show">
-            <div class="w-full my-10 m-auto flex flex-col" :class="modalDialogClass ? modalDialogClass : 'max-w-md'">
+            <div class="w-full my-10 m-auto flex flex-col px-2 sm:px-0" :class="modalDialogClass ? modalDialogClass : 'max-w-md'">
                 <slot name="modal-content">
                     <div class="modal-content">
                         <div class="p-5 bg-body rounded-tl-lg rounded-tr-lg">
diff --git a/resources/assets/js/components/AkauntingModalAddNew.vue b/resources/assets/js/components/AkauntingModalAddNew.vue
index 4d9c35627..62b942aa5 100644
--- a/resources/assets/js/components/AkauntingModalAddNew.vue
+++ b/resources/assets/js/components/AkauntingModalAddNew.vue
@@ -7,7 +7,7 @@
             tabindex="-1"
             role="dialog"
             :aria-hidden="!show">
-            <div class="w-full my-10 m-auto flex flex-col" :class="modalDialogClass ? modalDialogClass : 'max-w-md'">
+            <div class="w-full my-10 m-auto flex flex-col px-2 sm:px-0" :class="modalDialogClass ? modalDialogClass : 'max-w-md'">
                 <slot name="modal-content">
                     <div class="modal-content">
                         <div class="p-5 bg-body rounded-tl-lg rounded-tr-lg">
diff --git a/resources/views/banking/accounts/show.blade.php b/resources/views/banking/accounts/show.blade.php
index ded360508..c52c61943 100644
--- a/resources/views/banking/accounts/show.blade.php
+++ b/resources/views/banking/accounts/show.blade.php
@@ -25,7 +25,7 @@
         @stack('create_button_start')
 
         <x-dropdown id="show-new-actions-account">
-            <x-slot name="trigger" class="flex items-center px-3 py-1.5 mb-3 sm:mb-0 bg-green hover:bg-green-700 rounded-xl text-white text-sm font-bold leading-6" override="class">
+            <x-slot name="trigger" class="w-full flex items-center justify-between sm:justify-start px-3 py-1.5 mb-3 sm:mb-0 bg-green hover:bg-green-700 rounded-xl text-white text-sm font-bold leading-6" override="class">
                 {{ trans('general.new_more') }}
                 <span class="material-icons ltr:ml-2 rtl:mr-2">expand_more</span>
             </x-slot>
@@ -344,7 +344,7 @@
                                                     </x-slot>
                                                 </x-table.th>
 
-                                                <x-table.th class="w-3/12">
+                                                <x-table.th class="w-6/12 sm:w-3/12">
                                                     <x-slot name="first">
                                                         <x-sortablelink column="expense_transaction.name" title="{{ trans('transfers.from_account') }}" />
                                                     </x-slot>
@@ -353,7 +353,7 @@
                                                     </x-slot>
                                                 </x-table.th>
 
-                                                <x-table.th class="w-3/12">
+                                                <x-table.th class="w-4/12 sm:w-3/12" hidden-mobile>
                                                     <x-slot name="first">
                                                         <x-sortablelink column="expense_transaction.rate" title="{{ trans('transfers.from_rate') }}" />
                                                     </x-slot>
@@ -362,7 +362,7 @@
                                                     </x-slot>
                                                 </x-table.th>
 
-                                                <x-table.th class="w-3/12" kind="amount">
+                                                <x-table.th class="w-6/12 sm:w-3/12" kind="amount">
                                                     <x-slot name="first">
                                                         <x-sortablelink column="expense_transaction.amount" title="{{ trans('transfers.from_amount') }}" />
                                                     </x-slot>
@@ -397,7 +397,7 @@
                                                         </x-slot>
                                                     </x-table.td>
 
-                                                    <x-table.td class="w-3/12 truncate">
+                                                    <x-table.td class="w-6/12 sm:w-3/12 truncate">
                                                         <x-slot name="first">
                                                             {{ $item->expense_transaction->account->name }}
                                                         </x-slot>
@@ -406,7 +406,7 @@
                                                         </x-slot>
                                                     </x-table.td>
 
-                                                    <x-table.td class="w-3/12 truncate">
+                                                    <x-table.td class="w-4/12 sm:w-3/12 truncate" hidden-mobile>
                                                         <x-slot name="first">
                                                             {{ $item->expense_transaction->currency_rate }}
                                                         </x-slot>
@@ -415,7 +415,7 @@
                                                         </x-slot>
                                                     </x-table.td>
 
-                                                    <x-table.td class="w-3/12" kind="amount">
+                                                    <x-table.td class="w-6/12 sm:w-3/12" kind="amount">
                                                         <x-slot name="first">
                                                             <x-money :amount="$item->expense_transaction->amount" :currency="$item->expense_transaction->currency_code" convert />
                                                         </x-slot>
diff --git a/resources/views/components/contacts/show/buttons.blade.php b/resources/views/components/contacts/show/buttons.blade.php
index e17d9023c..2911e30b4 100644
--- a/resources/views/components/contacts/show/buttons.blade.php
+++ b/resources/views/components/contacts/show/buttons.blade.php
@@ -2,7 +2,7 @@
 
 @if (! $hideNewDropdown)
     <x-dropdown id="show-new-actions-{{ $contact->type }}">
-        <x-slot name="trigger" class="flex items-center px-3 py-1.5 mb-3 sm:mb-0 bg-green hover:bg-green-700 rounded-xl text-white text-sm font-bold leading-6" override="class">
+        <x-slot name="trigger" class="w-full flex items-center justify-between sm:justify-start px-3 py-1.5 mb-3 sm:mb-0 bg-green hover:bg-green-700 rounded-xl text-white text-sm font-bold leading-6" override="class">
             {{ trans('general.new_more') }}
             <span class="material-icons ltr:ml-2 rtl:mr-2">expand_more</span>
         </x-slot>
diff --git a/resources/views/components/contacts/show/content.blade.php b/resources/views/components/contacts/show/content.blade.php
index 323882e4d..104d7879e 100644
--- a/resources/views/components/contacts/show/content.blade.php
+++ b/resources/views/components/contacts/show/content.blade.php
@@ -66,7 +66,7 @@
         <x-show.content.left>
             @stack('customer_address_start')
             @if (! $hideAddress)
-            <div class="flex flex-col text-sm mb-5">
+            <div class="flex flex-col text-sm sm:mb-5">
                 <div class="font-medium">{{ trans('general.address') }}</div>
                 <span>{{ $contact->address }}<br>{{ $contact->location }}</span>
             </div>
@@ -76,7 +76,7 @@
             @stack('customer_tax_number_start')
             @if (! $hideTaxNumber)
             @if ($contact->tax_number)
-                <div class="flex flex-col text-sm mb-5">
+                <div class="flex flex-col text-sm sm:mb-5">
                     <div class="font-medium">{{ trans('general.tax_number') }}</div>
                     <span>{{ $contact->tax_number }}</span>
                 </div>
@@ -87,7 +87,7 @@
             @stack('customer_website_start')
             @if (! $hideWebsite)
             @if ($contact->website)
-                <div class="flex flex-col text-sm mb-5">
+                <div class="flex flex-col text-sm sm:mb-5">
                     <div class="font-medium">{{ trans('general.website') }}</div>
                     <span>{{ $contact->website }}</span>
                 </div>
@@ -98,7 +98,7 @@
             @stack('customer_reference_start')
             @if (! $hideReference)
             @if ($contact->reference)
-                <div class="flex flex-col text-sm mb-5">
+                <div class="flex flex-col text-sm sm:mb-5">
                     <div class="font-medium">{{ trans('general.reference') }}</div>
                     <span>{{ $contact->reference }}</span>
                 </div>
@@ -108,7 +108,7 @@
 
             @stack('customer_client_portal_start')
                 @if (! $hideUser)
-                    <div class="flex flex-col text-sm mb-5">
+                    <div class="flex flex-col text-sm sm:mb-5">
                         <div class="flex items-center font-medium">
                             <div class="flex items-center cursor-default">
                                 <x-tooltip id="tooltip-client-describe" placement="bottom" size="w-2/12" message="{{ trans('customers.client_portal_description') }}">
diff --git a/resources/views/components/show/content/index.blade.php b/resources/views/components/show/content/index.blade.php
index 064eb81d0..f54e9e7db 100644
--- a/resources/views/components/show/content/index.blade.php
+++ b/resources/views/components/show/content/index.blade.php
@@ -1,3 +1,3 @@
-<div class="flex flex-col lg:flex-row mt-12">
+<div class="flex flex-col lg:flex-row sm:mt-12">
     {!! $slot !!}
 </div>
diff --git a/resources/views/components/show/content/left.blade.php b/resources/views/components/show/content/left.blade.php
index ad6c10d49..f90e645c2 100644
--- a/resources/views/components/show/content/left.blade.php
+++ b/resources/views/components/show/content/left.blade.php
@@ -1,3 +1,3 @@
-<div class="lg:w-4/12 lg:border-r border-gray-300 pr-12">
+<div class="lg:w-4/12 lg:border-r border-gray-300 pr-12 mb-4 sm:mb-0">
     {!! $slot !!}
 </div>
diff --git a/resources/views/components/show/summary/left.blade.php b/resources/views/components/show/summary/left.blade.php
index 575e9b394..db91ff461 100644
--- a/resources/views/components/show/summary/left.blade.php
+++ b/resources/views/components/show/summary/left.blade.php
@@ -1,11 +1,11 @@
-<div class="w-full lg:w-5/12 flex items-center">
+<div class="w-full lg:w-5/12 flex items-center mb-10 sm:mb-0">
     @if (! empty($avatar) && $avatar->isNotEmpty())
     <div class="w-12 h-12 flex items-center justify-center text-2xl font-regular border border-gray-300 rounded-full p-6">
         {!! $avatar !!}
     </div>
     @endif
 
-    <div class="flex flex-col text-black text-sm font-medium ml-8">
+    <div class="flex flex-col text-black text-sm font-medium ml-2 sm:ml-8">
         {!! $slot !!}
     </div>
 </div>
diff --git a/resources/views/components/show/summary/right.blade.php b/resources/views/components/show/summary/right.blade.php
index 1276e4fe2..15a8c3b0d 100644
--- a/resources/views/components/show/summary/right.blade.php
+++ b/resources/views/components/show/summary/right.blade.php
@@ -1,4 +1,4 @@
-<div class="w-full lg:w-7/12 flex items-center mt-5 lg:mt-0">
+<div class="w-full lg:w-7/12 flex items-center">
     @if (! empty($slot) && $slot->isNotEmpty())
         {!! $slot !!}
     @elseif (! empty($items))