diff --git a/app/assets/stylesheets/legacy-icons-compat.css b/app/assets/stylesheets/legacy-icons-compat.css
index 4b3018f19..a4fa2be28 100644
--- a/app/assets/stylesheets/legacy-icons-compat.css
+++ b/app/assets/stylesheets/legacy-icons-compat.css
@@ -142,3 +142,66 @@
 .icon-file.application-zip:not(:has(svg)) { background-image: url(/files/zip.png); }
 .icon-file.application-gzip:not(:has(svg)) { background-image: url(/files/zip.png); }
 .icon-copy-link:not(:has(svg)) { background-image: url(/copy_link.png); }
+
+/* For responsive.css */
+
+@media screen and (max-width: 899px) {
+  #admin-menu a.icon:not(:has(svg)) {
+    padding-left: 20px !important;
+  }
+
+  #content>.contextual a.icon:not(:has(svg)),
+  p.buttons a.icon:not(:has(svg)) {
+    background-position-x: 4px;
+    padding-left: 25px;
+  }
+}
+
+/* For rtl.css */
+
+html[dir="rtl"] #admin-menu a:not(:has(svg)) {padding-left:0;padding-right:20px;}
+html[dir="rtl"] #admin-menu a.selected:not(:has(svg)) {padding-left:0!important; padding-right:20px!important; background-position:right 2px 40%;}
+
+html[dir="rtl"] a.collapsible:not(:has(svg)) {padding-left:0px; padding-right:12px; background: url(/arrow_down.png) no-repeat right 0px top 50%;}
+html[dir="rtl"] a.collapsible.collapsed:not(:has(svg)) {background-image: url(/arrow_left.png);}
+
+html[dir="rtl"] span.search_for_watchers a:not(:has(svg)),
+html[dir="rtl"] span.add_attachment a:not(:has(svg)) {padding-left:0px; padding-right:16px; background: url(/bullet_add.png) no-repeat right 50%; }
+
+html[dir="rtl"] fieldset.collapsible>legend:not(:has(svg)) {padding-left:0px; padding-right:18px; background: url(/arrow_down.png) no-repeat right 50%;}
+html[dir="rtl"] fieldset.collapsible.collapsed>legend:not(:has(svg)) { background-image: url(/arrow_left.png); }
+
+html[dir="rtl"] div.flash.error:not(:has(svg)),
+html[dir="rtl"] #errorExplanation:not(:has(svg)) {
+  background: url(/exclamation.png) right 8px top 50% no-repeat var(--oc-red-1);
+}
+
+html[dir="rtl"] div.flash.notice:not(:has(svg)) {
+  background: url(/true.png) right 8px top 5px no-repeat var(--oc-green-1);
+}
+
+html[dir="rtl"] div.flash.warning:not(:has(svg)),
+html[dir="rtl"] .conflict {
+  background: url(/warning.png) right 8px top 5px no-repeat var(--oc-yellow-1);
+  text-align:right;
+}
+
+html[dir="rtl"] .icon:not(:has(svg)) {
+  background-position: right 50%;
+  padding-left:0; padding-right:20px;
+}
+
+/* For scm.css */
+
+body.controller-repositories li.change:not(:has(svg)) {
+    background-image: url(/bullet_black.png);
+    background-position: 1px 2px;
+    background-repeat: no-repeat;
+}
+body.controller-repositories li.change.folder:not(:has(svg)) { background-image: url(/folder_open.png); }
+
+body.controller-repositories li.change.change-A:not(:has(svg)) { background-image: url(/bullet_add.png); }
+body.controller-repositories li.change.change-M:not(:has(svg)) { background-image: url(/bullet_orange.png); }
+body.controller-repositories li.change.change-C:not(:has(svg)) { background-image: url(/bullet_blue.png); }
+body.controller-repositories li.change.change-R:not(:has(svg)) { background-image: url(/bullet_purple.png); }
+body.controller-repositories li.change.change-D:not(:has(svg)) { background-image: url(/bullet_delete.png); }