diff --git a/resources/assets/js/components/AkauntingItemButton.vue b/resources/assets/js/components/AkauntingItemButton.vue
index f0d73cccc4f..81cf6f2f01b 100644
--- a/resources/assets/js/components/AkauntingItemButton.vue
+++ b/resources/assets/js/components/AkauntingItemButton.vue
@@ -40,7 +40,7 @@
                                 v-bind="money"
                                 masked
                                 disabled
-                                class="text-right disabled-money text-gray"
+                                class="ltr:text-right rtl:text-left disabled-money text-gray"
                             ></money>
                         </div>
                     </div>
diff --git a/resources/views/components/documents/form/line-item.blade.php b/resources/views/components/documents/form/line-item.blade.php
index 210c2333722..99cea16dbac 100644
--- a/resources/views/components/documents/form/line-item.blade.php
+++ b/resources/views/components/documents/form/line-item.blade.php
@@ -159,8 +159,8 @@ class="w-full text-sm px-3 py-2.5 mt-0 text-right rounded-lg border border-light
                                     v-model="row.total"
                                     :currency="$currency"
                                     dynamicCurrency="currency"
-                                    money-class="text-right mt-0 disabled-money px-0"
-                                    form-group-class="text-right disabled-money"
+                                    money-class="ltr:text-right rtl:text-left mt-0 disabled-money px-0"
+                                    form-group-class="ltr:text-right rtl:text-left disabled-money"
                                 />
                             </div>
                         @endif
@@ -186,7 +186,7 @@ class="w-full text-sm px-3 py-2.5 mt-0 text-right rounded-lg border border-light
 
                     <td colspan="4" class="px-0 pb-3">
                         <div class="relative">
-                            <div class="absolute -top-6 left-3 flex items-center">
+                            <div class="absolute -top-6 ltr:left-3 rtl:right-3 flex items-center">
                                 @if (! $hideDiscount && in_array(setting('localisation.discount_location'), ['item', 'both']))
                                     <div class="text-left border-0 p-0 mr-16" v-if="!row.add_discount">
                                         <x-button type="button" class="text-xs text-purple" @click="onAddLineDiscount(index)" override="class">
@@ -252,7 +252,7 @@ class="w-full text-sm px-3 py-2.5 mt-0 text-center rounded-lg border border-ligh
 
                             @stack('discount_input_end')
 
-                            <div class="flex items-center lg:absolute right-0">
+                            <div class="flex items-center lg:absolute ltr:right-0 rtl:left-0">
                                 <div class="text-right">
                                     <x-form.input.money
                                         name="discount_amount"
@@ -263,8 +263,8 @@ class="w-full text-sm px-3 py-2.5 mt-0 text-center rounded-lg border border-ligh
                                         v-model="row.discount_amount"
                                         :currency="$currency"
                                         dynamicCurrency="currency"
-                                        money-class="text-right disabled-money px-0"
-                                        form-group-class="text-right disabled-money"
+                                        money-class="ltr:text-right rtl:text-left disabled-money px-0"
+                                        form-group-class="ltr:text-right rtl:text-left disabled-money"
                                     />
                                 </div>
 
@@ -327,7 +327,7 @@ class="mb-0 select-tax"
                                 @stack('taxes_input_end')
                             </div>
 
-                            <div class="flex items-center lg:absolute right-0">
+                            <div class="flex items-center lg:absolute ltr:right-0 rtl:left-0">
                                 <div class="text-right">
                                     <x-form.input.money
                                         name="tax"
@@ -401,10 +401,10 @@ class="mb-0 select-tax"
                                 @stack('taxes_input_end')
                             </div>
 
-                            <div class="flex items-center lg:absolute right-0">
+                            <div class="flex items-center lg:absolute ltr:right-0 rtl:left-0">
                                 <div class="text-right">
                                     <div class="required disabled text-right input-price disabled-money">
-                                        <input type="tel" class="v-money form-control text-right" name="discount_amount" disabled="disabled" value="__">
+                                        <input type="tel" class="v-money form-control ltr:text-right rtl:text-left" name="discount_amount" disabled="disabled" value="__">
                                     </div>
                                 </div>
 
diff --git a/resources/views/components/documents/form/totals.blade.php b/resources/views/components/documents/form/totals.blade.php
index 6766b56503f..e519ea06889 100644
--- a/resources/views/components/documents/form/totals.blade.php
+++ b/resources/views/components/documents/form/totals.blade.php
@@ -15,11 +15,11 @@
                     <tr id="tr-subtotal">
                         <td class="border-b-0 py-0"></td>
 
-                        <td class="font-medium text-right border-r-0 border-b-0 align-middle pb-0 pr-0">
+                        <td class="font-medium ltr:text-right rtl:text-left border-r-0 border-b-0 align-middle pb-0 pr-0">
                             {{ trans('invoices.sub_total') }}
                         </td>
 
-                        <td class="text-right border-b-0 long-texts py-0">
+                        <td class="ltr:text-right rtl:text-left border-b-0 long-texts py-0">
                             <div>
                                 <x-form.input.money
                                     name="sub_total"
@@ -29,8 +29,8 @@
                                     v-model="totals.sub"
                                     :currency="$currency"
                                     dynamicCurrency="currency"
-                                    money-class="text-right disabled-money px-0"
-                                    form-group-class="text-right disabled-money"
+                                    money-class="ltr:text-right rtl:text-left disabled-money px-0"
+                                    form-group-class="ltr:text-right rtl:text-left disabled-money"
                                 />
                             </div>
                         </td>
@@ -46,11 +46,11 @@
                         <tr id="tr-line-discount" v-if="totals.item_discount">
                             <td class="border-t-0 py-0"></td>
 
-                            <td class="text-right border-t-0 border-r-0 border-b-0 align-middle py-0 pr-0">
+                            <td class="ltr:text-right rtl:text-left border-t-0 border-r-0 border-b-0 align-middle py-0 pr-0">
                                 <span class="font-medium">{{ trans('invoices.item_discount') }}</span>
                             </td>
 
-                            <td class="text-right border-t-0 border-b-0 long-texts py-0 pr-0">
+                            <td class="ltr:text-right rtl:text-left border-t-0 border-b-0 long-texts py-0 pr-0">
                                 <div>
                                     <x-form.input.money
                                         name="item_discount"
@@ -60,8 +60,8 @@
                                         v-model="totals.item_discount"
                                         :currency="$currency"
                                         dynamicCurrency="currency"
-                                        money-class="text-right disabled-money px-0"
-                                        form-group-class="text-right disabled-money"
+                                        money-class="ltr:text-right rtl:text-left disabled-money px-0"
+                                        form-group-class="ltr:text-right rtl:text-left disabled-money"
                                     />
                                 </div>
                             </td>
@@ -78,7 +78,7 @@
                         <tr id="tr-discount">
                             <td class="border-t-0 py-0"></td>
 
-                            <td class="text-right border-t-0 border-r-0 border-b-0 align-middle py-0 pr-0">
+                            <td class="ltr:text-right rtl:text-left border-t-0 border-r-0 border-b-0 align-middle py-0 pr-0">
                                 <div v-if="show_discount_text" v-if="!totals.discount_text" @click="onAddDiscount()">
                                     <x-button.hover color="to-purple">
                                         {{ trans('invoices.add_discount') }}
@@ -110,7 +110,7 @@ class="w-7 flex text-lg justify-center px-2"
                                 </div>
                             </td>
 
-                            <td class="relative text-right border-t-0 border-b-0 py-0 pr-0">
+                            <td class="relative ltr:text-right rtl:text-left border-t-0 border-b-0 py-0 pr-0">
                                 <div>
                                     <x-form.input.money
                                         name="discount_total"
@@ -120,8 +120,8 @@ class="w-7 flex text-lg justify-center px-2"
                                         v-model="totals.discount"
                                         :currency="$currency"
                                         dynamicCurrency="currency"
-                                        money-class="text-right disabled-money px-0"
-                                        form-group-class="text-right disabled-money"
+                                        money-class="ltr:text-right rtl:text-left disabled-money px-0"
+                                        form-group-class="ltr:text-right rtl:text-left disabled-money"
                                     />
                                 </div>
 
@@ -141,11 +141,11 @@ class="w-7 flex text-lg justify-center px-2"
                     <tr v-for="(tax, tax_index) in totals.taxes" :index="tax_index">
                         <td class="border-t-0 pt-5 pb-0"></td>
 
-                        <td class="text-right border-t-0  border-r-0 border-b-0 align-middle pt-5 pb-0 pr-0">
+                        <td class="ltr:text-right rtl:text-left border-t-0  border-r-0 border-b-0 align-middle pt-5 pb-0 pr-0">
                             <span class="font-medium" v-html="tax.name"></span>
                         </td>
 
-                        <td class="text-right border-t-0 border-b-0 long-texts pt-5 pb-0 pl-3">
+                        <td class="ltr:text-right rtl:text-left border-t-0 border-b-0 long-texts pt-5 pb-0 pl-3">
                             <div>
                                 <x-form.input.money
                                     name="tax_total"
@@ -155,8 +155,8 @@ class="w-7 flex text-lg justify-center px-2"
                                     v-model="tax.total"
                                     :currency="$currency"
                                     dynamicCurrency="currency"
-                                    money-class="text-right disabled-money px-0"
-                                    form-group-class="text-right disabled-money"
+                                    money-class="ltr:text-right rtl:text-left disabled-money px-0"
+                                    form-group-class="ltr:text-right rtl:text-left disabled-money"
                                 />
                             </div>
                         </td>
@@ -172,7 +172,7 @@ class="w-7 flex text-lg justify-center px-2"
                         <td class="border-t-0 pt-5 pb-0"></td>
 
                         <td class="flex items-center justify-end pt-5 pb-0">
-                            <span class="w-16 text-right font-medium mt-2 ltr:mr-2 rtl:ml-2">
+                            <span class="w-16 ltr:text-right rtl:text-left font-medium mt-2 ltr:mr-2 rtl:ml-2">
                                 {{ trans('invoices.total') }}
                             </span>
 
@@ -195,7 +195,7 @@ class="w-7 flex text-lg justify-center px-2"
                             <x-form.input.hidden name="currency_rate" :value="(!empty($document)) ? $document->currency_rate : $currency->rate" />
                         </td>
 
-                        <td class="text-right border-t-0 long-texts pt-5 pb-0 pr-0">
+                        <td class="ltr:text-right rtl:text-left border-t-0 long-texts pt-5 pb-0 pr-0">
                             <div>
                                 <x-form.input.money
                                     name="grand_total"
@@ -205,8 +205,8 @@ class="w-7 flex text-lg justify-center px-2"
                                     v-model="totals.total"
                                     :currency="$currency"
                                     dynamicCurrency="currency"
-                                    money-class="text-right disabled-money px-0"
-                                    form-group-class="text-right disabled-money"
+                                    money-class="ltr:text-right rtl:text-left disabled-money px-0"
+                                    form-group-class="ltr:text-right rtl:text-left disabled-money"
                                 />
                             </div>
                         </td>
@@ -224,7 +224,7 @@ class="w-7 flex text-lg justify-center px-2"
                     ]">
                         <td class="border-t-0 pt-5 pb-0"></td>
 
-                        <td colspan="2" class="text-right border-t-0 border-r-0 align-middle pt-5 pb-0 pr-0">
+                        <td colspan="2" class="ltr:text-right rtl:text-left border-t-0 border-r-0 align-middle pt-5 pb-0 pr-0">
                             <akaunting-currency-conversion
                                 currency-conversion-text="{{ trans('currencies.conversion') }}"
                                 :price="(totals.total / form.currency_rate).toFixed(2)"
diff --git a/resources/views/components/form/accordion/index.blade.php b/resources/views/components/form/accordion/index.blade.php
index 8a6d5e9d445..338ae59c9bf 100644
--- a/resources/views/components/form/accordion/index.blade.php
+++ b/resources/views/components/form/accordion/index.blade.php
@@ -5,7 +5,7 @@
     <div class="relative cursor-pointer" x-on:click="{{ $type }} !== 'open' ? {{ $type }} = 'open' : {{ $type }} = 'close'">
         {!! $head !!}
 
-        <x-icon filled class="absolute right-0 top-0 transition-all transform" :icon="$icon" x-bind:class="{{ $type }} === 'open' ? 'rotate-180' : ''" />
+        <x-icon filled class="absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" :icon="$icon" x-bind:class="{{ $type }} === 'open' ? 'rotate-180' : ''" />
     </div>
     @endif
 
diff --git a/resources/views/components/transfers/show/attachment.blade.php b/resources/views/components/transfers/show/attachment.blade.php
index 6e7020c8335..e2a118a262e 100644
--- a/resources/views/components/transfers/show/attachment.blade.php
+++ b/resources/views/components/transfers/show/attachment.blade.php
@@ -11,7 +11,7 @@
                 {{ trans('transers.slider.attachments') }}
             </div>
 
-            <span class="material-icons absolute right-0 top-0 transition-all transform" x-bind:class="attachment === 1 ? 'rotate-180' : ''">expand_more</span>
+            <span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" x-bind:class="attachment === 1 ? 'rotate-180' : ''">expand_more</span>
         </div>
 
         <div class="overflow-hidden transition-transform origin-top-left ease-linear duration-100"
diff --git a/resources/views/components/transfers/show/create.blade.php b/resources/views/components/transfers/show/create.blade.php
index f142bf62850..4e932b760f9 100644
--- a/resources/views/components/transfers/show/create.blade.php
+++ b/resources/views/components/transfers/show/create.blade.php
@@ -12,7 +12,7 @@
             {!! trans('transactions.slider.create', ['user' => $transfer->owner->name, 'date' => $created_date]) !!}
         </div>
 
-        <span class="material-icons absolute right-0 top-0 transition-all transform" x-bind:class="create === 1 ? 'rotate-180' : ''">expand_more</span>
+        <span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" x-bind:class="create === 1 ? 'rotate-180' : ''">expand_more</span>
     </button>
 
     <div
diff --git a/resources/views/components/transfers/show/transactions.blade.php b/resources/views/components/transfers/show/transactions.blade.php
index dece94ce961..615a2a70f43 100644
--- a/resources/views/components/transfers/show/transactions.blade.php
+++ b/resources/views/components/transfers/show/transactions.blade.php
@@ -14,7 +14,7 @@
             {!! trans('transfers.slider.transactions', ['user' => $transfer->owner->name]) !!}
         </div>
 
-        <span class="material-icons absolute right-0 top-0 transition-all transform" x-bind:class="transactions === 1 ? 'rotate-180' : ''">expand_more</span>
+        <span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" x-bind:class="transactions === 1 ? 'rotate-180' : ''">expand_more</span>
     </button>
 
     <div