Fix connection modal padding for RTL

src/components/connection-modal/connection-modal.css

@@ -121,9 +121,16 @@
 .radar-small {
     width: 40px;
     height: 40px;
+}
+
+[dir="ltr"] .radar-small {
     margin-right: 0.5rem;
 }
 
+[dir="rtl"] .radar-small {
+    margin-left: 0.5rem;
+}
+
 .radar-big {
     width: 120px;
     height: 120px;
@@ -184,6 +191,7 @@
     position: absolute;
     top: -5px;
     right: -15px;
+    left: -15px;
     padding: 5px 5px;
     background-color: $pen-primary;
     border-radius: 100%;
@@ -232,7 +240,6 @@
     flex-direction: row;
     justify-content: flex-start;
     align-items: center;
-    margin-left: 3rem;
 }
 
 [dir="ltr"] .scratch-link-help-step {

src/components/modal/modal.css

@@ -83,10 +83,14 @@ $sides: 20rem;
     user-select: none;
 }
 
-.header-image {
+[dir="ltr"] .header-image {
     margin-right: 0.5rem;
 }
 
+[dir="rtl"] .header-image {
+    margin-left: 0.5rem;
+}
+
 .header-item-filter {
     display: flex;
     flex-basis: $sides;