diff --git a/app.php b/app.php
index 3da7eb5..cd1cb60 100644
--- a/app.php
+++ b/app.php
@@ -56,7 +56,7 @@ function changeLanguage($lang, $f3) {
     $f3->set('LANGUAGE', $lang);
 }
 
-$f3->set('TRANSLATION_LANGUAGE',  _("en"));
+$f3->set('TRANSLATION_LANGUAGE', _("en"));
 
 $f3->route('GET /',
     function($f3) {
diff --git a/locale/application.pot b/locale/application.pot
index 6c7ef95..33e7082 100644
--- a/locale/application.pot
+++ b/locale/application.pot
@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PACKAGE VERSION\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2023-09-22 18:27+0200\n"
+"POT-Creation-Date: 2023-09-25 12:02+0200\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
diff --git a/locale/ar/LC_MESSAGES/application.po b/locale/ar/LC_MESSAGES/application.po
index f0a6a87..007b98d 100644
--- a/locale/ar/LC_MESSAGES/application.po
+++ b/locale/ar/LC_MESSAGES/application.po
@@ -8,7 +8,7 @@ msgstr ""
 "Project-Id-Version: PACKAGE VERSION\n"
 "Report-Msgid-Bugs-To: \n"
 "POT-Creation-Date: 2023-09-22 18:25+0200\n"
-"PO-Revision-Date: 2023-09-20 16:01+0000\n"
+"PO-Revision-Date: 2023-09-25 08:01+0000\n"
 "Last-Translator: ButterflyOfFire <boffire@users.noreply.hosted.weblate.org>\n"
 "Language-Team: Arabic <https://hosted.weblate.org/projects/signature-pdf/"
 "application/ar/>\n"
@@ -26,7 +26,7 @@ msgstr "ar"
 
 #: templates/compress.html.php:17
 msgid "Compress PDF"
-msgstr ""
+msgstr "ضغط PDF"
 
 #: templates/compress.html.php:22 templates/metadata.html.php:22
 #: templates/organization.html.php:22 templates/signature.html.php:20
@@ -36,11 +36,11 @@ msgstr "لا يمكن تشغيل المَوقِع من دون تمكين الج
 #: templates/compress.html.php:29
 #, php-format
 msgid "%s Compress a PDF"
-msgstr ""
+msgstr "%s ضغط ملف PDF"
 
 #: templates/compress.html.php:30
 msgid "Reduce the size of a PDF"
-msgstr ""
+msgstr "تخفيف حجم ملف PDF"
 
 #: templates/compress.html.php:33 templates/compress.html.php:34
 #: templates/metadata.html.php:32 templates/metadata.html.php:33
@@ -51,24 +51,24 @@ msgstr "إختر ملف PDF"
 
 #: templates/compress.html.php:35 templates/signature.html.php:32
 msgid "The PDF will be processed by the server without being stored or saved"
-msgstr "سيتم معالجة ملف PDF على الخادم دون الاحتفاظ به أو تخزينه"
+msgstr "سيتم معالجة ملف الـ PDF على الخادم دون الاحتفاظ به أو تخزينه"
 
 #: templates/compress.html.php:37 templates/components/navtab.html.php:24
 msgid "Compress"
-msgstr ""
+msgstr "ضغط"
 
 #: templates/compress.html.php:42
 msgid "Low compression (highest quality)"
-msgstr ""
+msgstr "ضغط منخفض (أعلى جودة)"
 
 #: templates/compress.html.php:43
 #, php-format
 msgid "%s Medium compression %s (default)"
-msgstr ""
+msgstr "%s ضغط متوسط %s (مبدئي)"
 
 #: templates/compress.html.php:44
 msgid "High compression (lowest quality)"
-msgstr ""
+msgstr "ضغط عالي (أقل جودة)"
 
 #: templates/compress.html.php:52 templates/metadata.html.php:42
 #: templates/organization.html.php:42 templates/signature.html.php:40
@@ -151,7 +151,7 @@ msgstr "%s تنظيم الـ PDF"
 
 #: templates/organization.html.php:29
 msgid "Merge, sort, rotate, delete, extract pages"
-msgstr ""
+msgstr "دمج، فرز، تدوير، حذف، استخراج الصفحات"
 
 #: templates/organization.html.php:32
 msgid "The PDF must not exceed "
@@ -172,7 +172,7 @@ msgstr "اضغط على صفحة لتحديدها"
 
 #: templates/organization.html.php:58
 msgid "Close this PDF and return to home"
-msgstr "إغلاق هذا PDF والعودة إلى الصفحة الرئيسية"
+msgstr "إغلاق هذا PDF والعودة إلى الرئيسية"
 
 #: templates/organization.html.php:60
 msgid "PDF organization"
@@ -190,7 +190,7 @@ msgstr "%s إضافة PDF"
 #: templates/organization.html.php:74
 #, php-format
 msgid "%s page(s) selected"
-msgstr ""
+msgstr "%s صفحات تم اختيارها"
 
 #: templates/organization.html.php:76
 #, php-format
@@ -250,31 +250,31 @@ msgstr "مستندات PDF"
 
 #: templates/organization.html.php:154
 msgid "Select this page"
-msgstr ""
+msgstr "اختر هذه الصفحة"
 
 #: templates/organization.html.php:155
 msgid "Delete this page"
-msgstr ""
+msgstr "احذف هذه الصفحة"
 
 #: templates/organization.html.php:156
 msgid "Restore this page"
-msgstr ""
+msgstr "استرجِع هذه الصفحة"
 
 #: templates/organization.html.php:157
 msgid "Move this page"
-msgstr ""
+msgstr "انقُل هذه الصفحة"
 
 #: templates/organization.html.php:158
 msgid "Move here"
-msgstr ""
+msgstr "انقُلها إلى هنا"
 
 #: templates/organization.html.php:159
 msgid "Turn this page"
-msgstr ""
+msgstr "تدوير هذه الصفحة"
 
 #: templates/organization.html.php:160
 msgid "Download this page"
-msgstr ""
+msgstr "تنزيل هذه الصفحة"
 
 #: templates/signature.html.php:26
 #, php-format
@@ -311,7 +311,7 @@ msgstr "لإدراج العنصر المُختار في العمود الأيم
 
 #: templates/signature.html.php:48
 msgid "signature, initial, text, stamp, etc ..."
-msgstr ""
+msgstr "إمضاء، توقيع بالحروف الأولى، نص، ختم، إلخ…"
 
 #: templates/signature.html.php:59
 msgid "Close this PDF and return to the homepage"
@@ -323,7 +323,7 @@ msgstr "توقيع الـ PDF"
 
 #: templates/signature.html.php:61
 msgid "This PDF is shared with others to be signed by multiple people"
-msgstr "ملف PDF هذا مشارَك مع أشخاص آخرين للتوقيع من قِبل عدة أشخاص"
+msgstr "ملف PDF هذا مشارَك مع أشخاص آخرين لإمضائه من قِبل عدة أشخاص"
 
 #: templates/signature.html.php:68
 msgid "Keep the selection active"
@@ -332,7 +332,7 @@ msgstr "الاحتفاظ بالتحديد نشطًا"
 #: templates/signature.html.php:73
 #, php-format
 msgid "%s Signature"
-msgstr "%s توقيع"
+msgstr "%s إمضاء"
 
 #: templates/signature.html.php:73 templates/signature.html.php:78
 #: templates/signature.html.php:83 templates/signature.html.php:181
@@ -342,7 +342,7 @@ msgstr "إنشاء"
 #: templates/signature.html.php:78
 #, php-format
 msgid "%s Initial"
-msgstr "%s توقيع جانبي"
+msgstr "%s توقيع بالحروف الأولى"
 
 #: templates/signature.html.php:83
 #, php-format
@@ -435,7 +435,7 @@ msgid ""
 "your choice so that they can sign this PDF."
 msgstr ""
 "من خلال تفعيل مشاركة هذا الملف بتنسيق PDF، ستتمكن من تقديم رابط للأشخاص "
-"الذين تختارهم حتى يمكنهم توقيع ملف PDF هذا."
+"الذين تختارهم حتى يُمكنهم إمضاء ملف PDF هذا."
 
 #: templates/signature.html.php:197
 #, php-format
@@ -443,6 +443,8 @@ msgid ""
 "%s This sharing requires the PDF to be transferred and stored on the server "
 "for future signers to access."
 msgstr ""
+"%s تتطلَّب هذه المُشارَكَة نقل وتخزين ملف PDF على الخادم ليصبح متاحًا "
+"للموقّعِين المستقبَليِّين."
 
 #: templates/signature.html.php:198
 #, php-format
@@ -485,7 +487,7 @@ msgstr "%s ابدأ المشارَكة"
 #: templates/signature.html.php:216
 #, php-format
 msgid "%s Sign this PDF with multiple people"
-msgstr "%s توقيع ملف الـ PDF هذا مِن طرف عدة أشخاص"
+msgstr "%s إمضاء ملف الـ PDF هذا مِن طرف عدة أشخاص"
 
 #: templates/signature.html.php:220
 msgid "Multiple people can sign this PDF simultaneously."
@@ -520,7 +522,7 @@ msgstr "تم تسجيل توقيعك بنجاح!"
 
 #: templates/signature.html.php:273
 msgid "Text to modify"
-msgstr ""
+msgstr "النص الذي تودّ تعديله"
 
 #: templates/components/navtab.html.php:4
 msgid "Language"
diff --git a/public/css/app.css b/public/css/app.css
index cdfe178..b547e51 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -82,3 +82,11 @@
         font-size: .875em
     }
 }
+
+.decalage-pdf-div:dir(ltr) {
+    padding-right: 350px;
+}
+
+.decalage-pdf-div:dir(rtl) {
+    padding-left: 350px;
+}
diff --git a/public/js/organization.js b/public/js/organization.js
index 5f9ca32..87d3e21 100644
--- a/public/js/organization.js
+++ b/public/js/organization.js
@@ -27,7 +27,7 @@ var disabledHoverStyle = function() {
 }
 var responsiveDisplay = function() {
     if(is_mobile()) {
-        document.getElementById('page-organization').style.paddingRight = "inherit";
+        document.getElementById('page-organization').classList.remove('decalage-pdf-div');
         menu.classList.remove('show');
         menuOffcanvas.hide();
         document.getElementById('container-pages').classList.remove('vh-100');
@@ -36,7 +36,7 @@ var responsiveDisplay = function() {
         document.getElementById('container-btn-zoom').classList.add('d-none');
     } else {
         menuOffcanvas.show();
-        document.getElementById('page-organization').style.paddingRight = "350px";
+        document.getElementById('page-organization').classList.add('decalage-pdf-div');
         document.getElementById('container-pages').classList.add('vh-100');
         document.getElementById('container-btn-zoom').style.top = '6px';
         document.getElementById('container-btn-zoom').style.right = '368px';
diff --git a/public/js/signature.js b/public/js/signature.js
index 0c3ae92..4d83de1 100644
--- a/public/js/signature.js
+++ b/public/js/signature.js
@@ -186,13 +186,13 @@ var is_mobile = function() {
 
 var responsiveDisplay = function() {
     if(is_mobile()) {
-        document.getElementById('page-signature').style.paddingRight = "inherit";
+        document.getElementById('page-signature').classList.remove('decalage-pdf-div');
         menu.classList.remove('show');
         menuOffcanvas.hide();
         document.getElementById('container-pages').classList.remove('vh-100');
     } else {
         menuOffcanvas.show();
-        document.getElementById('page-signature').style.paddingRight = "350px";
+        document.getElementById('page-signature').classList.add('decalage-pdf-div');
         document.getElementById('container-pages').classList.add('vh-100');
     }
     menu.classList.remove('d-md-block');
diff --git a/templates/metadata.html.php b/templates/metadata.html.php
index 8cc642e..4071235 100644
--- a/templates/metadata.html.php
+++ b/templates/metadata.html.php
@@ -72,7 +72,7 @@
             <p id="text_document_name" class="text-muted mb-2" style="text-overflow: ellipsis; white-space: nowrap; overflow: hidden;" title=""><i class="bi bi-files"></i> <span></span></p>
         </div>
         <div class="offcanvas-body bg-light" style="padding-bottom: 60px;">
-            <div id="container-pages">
+            <div id="container-pages" dir="auto">
             </div>
         </div>
         <div class="position-absolute bg-white bottom-0 pb-2 ps-2 pe-2 w-100 border-top shadow-lg">
diff --git a/templates/organization.html.php b/templates/organization.html.php
index 7a200b4..08161ca 100644
--- a/templates/organization.html.php
+++ b/templates/organization.html.php
@@ -42,11 +42,11 @@
             <small><?php echo _("Free open-source software"); ?> <span class="d-none d-md-inline"><?php echo _("under AGPL-3.0 license"); ?></span> : <a href="https://github.com/24eme/signaturepdf"><?php echo _("see the source code"); ?></a><?php if($COMMIT): ?> <span class="d-none d-md-inline small">[<a href="https://github.com/24eme/signaturepdf/tree/<?php echo $COMMIT ?>"><?php echo $COMMIT ?></a>]</span><?php endif; ?></small>
         </footer>
     </div>
-    <div id="page-organization" style="padding-right: 350px;" class="d-none">
+    <div id="page-organization" class="d-none decalage-pdf-div">
         <div id="div-margin-top" style="height: 88px;" class="d-md-none"></div>
         <div style="top: 62px;" class="w-100 position-absolute text-center text-muted opacity-50 d-md-none"><em><?php echo _("Touch a page to select it"); ?></em></div>
         <div id="container-main">
-            <div id="container-pages" class="col-12 pt-1 vh-100 d-flex align-content-start flex-wrap position-relative" style="overflow-y: scroll; overflow-x: hidden;">
+            <div id="container-pages" class="col-12 pt-1 vh-100 d-flex align-content-start flex-wrap position-relative" style="overflow-y: scroll; overflow-x: hidden;" dir="auto">
             </div>
         </div>
         <div id="container-btn-zoom" class="btn-group-vertical position-fixed" style="top: 6px; right: 368px;">
diff --git a/templates/signature.html.php b/templates/signature.html.php
index 9d8c41f..0baa244 100644
--- a/templates/signature.html.php
+++ b/templates/signature.html.php
@@ -40,7 +40,7 @@
         <small><?php echo _("Free open-source software"); ?> <span class="d-none d-md-inline"><?php echo _("under AGPL-3.0 license"); ?></span> : <a href="https://github.com/24eme/signaturepdf"><?php echo _("see the source code"); ?></a><?php if($COMMIT): ?> <span class="d-none d-md-inline small">[<a href="https://github.com/24eme/signaturepdf/tree/<?php echo $COMMIT ?>"><?php echo $COMMIT ?></a>]</span><?php endif; ?></small>
     </footer>
 </div>
-<div id="page-signature" style="padding-right: 350px;" class="d-none">
+<div id="page-signature" class="d-none decalage-pdf-div">
     <?php if(isset($hash)): ?>
         <div id="alert-signature-help" class="position-relative d-none">
             <div class="alert alert-primary alert-dismissible position-absolute top-0 start-50 translate-middle-x text-center mt-4 pb-2 w-50 opacity-100" style="z-index: 100;" role="alert">
@@ -52,7 +52,7 @@
         </div>
     <?php endif; ?>
     <div style="height: 65px;" class="d-md-none"></div>
-    <div id="container-pages" class="col-12 pt-1 pb-1 text-center vh-100">
+    <div id="container-pages" class="col-12 pt-1 pb-1 text-center vh-100" dir="auto">
     </div>
     <div style="height: 55px;" class="d-md-none"></div>
     <div class="offcanvas offcanvas-end show d-none d-md-block shadow-sm" data-bs-backdrop="false" data-bs-scroll="true" data-bs-keyboard="false" tabindex="-1" id="sidebarTools" aria-labelledby="sidebarToolsLabel">