diff --git a/css/app.css b/css/app.css
index 20d786bc0..24c910914 100644
--- a/css/app.css
+++ b/css/app.css
@@ -2542,6 +2542,7 @@ img.tile-removing {
     height: 30px;
 }
 
+
 #flash-wrap {
     display: flex;
     flex: 0 0 100%;
@@ -2562,6 +2563,7 @@ img.tile-removing {
     height: 30px;
 }
 
+
 #flash-wrap svg.operation-icon {
     flex: 0 0 auto;
     width: 20px;
@@ -2630,6 +2632,9 @@ img.tile-removing {
     fill: #ccc;
     text-anchor: start;
 }
+[dir='rtl'] #scale text {
+    text-anchor: end;
+}
 
 #scale path {
     fill: none;
@@ -2638,12 +2643,19 @@ img.tile-removing {
     shape-rendering: crispEdges;
 }
 
+
 #about-list {
     text-align: right;
     margin-right: 10px;
     clear: right;
     overflow: hidden;
 }
+[dir='rtl'] #about-list {
+    text-align: left;
+    clear: left;
+    margin-left: 10px;
+    margin-right: 0;
+}
 
 #about-list li {
     float: right;
@@ -2651,12 +2663,24 @@ img.tile-removing {
     padding: 5px 0 5px 5px;
     margin-left: 5px;
 }
+[dir='rtl'] #about-list li {
+    float: left;
+    border-left: none;
+    border-right: 1px solid rgba(255,255,255,.5);
+    margin-left: 0;
+    margin-right: 5px;
+    padding: 5px 5px 5px 0;
+}
+
 
 #about-list li:last-child {
     border-left: 0;
     margin-left: 0;
     padding-left: 0;
 }
+[dir='rtl'] #about-list li:last-child {
+    border-right: none;
+}
 
 .source-switch a {
     padding: 2px 4px 4px 4px;
@@ -2684,6 +2708,9 @@ img.tile-removing {
     color: #eee;
     flex: 1 1 auto;
 }
+[dir='rtl'] .api-status {
+    text-align: left;
+}
 
 .api-status.offline,
 .api-status.readonly,
@@ -2698,6 +2725,7 @@ img.tile-removing {
     color: #ccf;
 }
 
+
 /* Modals
 ------------------------------------------------------- */
 
@@ -3783,44 +3811,6 @@ img.tile-removing {
   -ms-filter: "FlipH";
 }
 
-[dir='rtl'] #flash-wrap .content {
-    display: flex;
-    flex-direction: row-reverse;
-}
-
-/* footer */
-[dir='rtl'] #scale-block {
-  float: right;
-  clear: right;
-}
-
-[dir='rtl'] #info-block {
-  clear: left;
-}
-
-[dir='rtl'] #about-list {
-  text-align: left;
-  clear: left;
-  margin-left: 10px;
-  margin-right: 0;
-}
-
-[dir='rtl'] #about-list li {
-  float: left;
-  border-left: none;
-  border-right: 1px solid rgba(255,255,255,.5);
-  margin-left: 0;
-  margin-right: 5px;
-  padding: 5px 5px 5px 0;
-}
-
-[dir='rtl'] #about-list li:last-child {
-  border-right: none;
-}
-
-[dir='rtl'] #scale text {
-  text-anchor: end;
-}
 
 /* increment / decrement control - code by Naoufel Razouane */