diff --git a/src/bundle/Resources/encore/ibexa.css.config.js b/src/bundle/Resources/encore/ibexa.css.config.js
index 62dfba962e..2071dbe501 100644
--- a/src/bundle/Resources/encore/ibexa.css.config.js
+++ b/src/bundle/Resources/encore/ibexa.css.config.js
@@ -19,5 +19,8 @@ module.exports = (Encore) => {
.addEntry('ibexa-admin-ui-security-base-css', [
path.resolve(__dirname, '../public/scss/ibexa-bootstrap.scss'),
path.resolve(__dirname, '../public/scss/ibexa.scss'),
+ ])
+ .addEntry('ibexa-admin-ui-overwrite-rtl-css', [
+ path.resolve(__dirname, '../public/scss/ibexa-overwrite-rtl.scss'),
]);
};
diff --git a/src/bundle/Resources/public/scss/ibexa-overwrite-rtl.scss b/src/bundle/Resources/public/scss/ibexa-overwrite-rtl.scss
new file mode 100644
index 0000000000..c648366c9b
--- /dev/null
+++ b/src/bundle/Resources/public/scss/ibexa-overwrite-rtl.scss
@@ -0,0 +1,11 @@
+[dir=rtl] {
+ .ibexa-tabs.ibexa-tabs {
+ &:not(.ibexa-tabs--switcher) {
+ .ibexa-tabs {
+ &__tab-corner {
+ transform: rotateY(180deg);
+ }
+ }
+ }
+ }
+}
diff --git a/src/bundle/Resources/views/themes/admin/ui/layout.html.twig b/src/bundle/Resources/views/themes/admin/ui/layout.html.twig
index f129811c71..0495d987c1 100644
--- a/src/bundle/Resources/views/themes/admin/ui/layout.html.twig
+++ b/src/bundle/Resources/views/themes/admin/ui/layout.html.twig
@@ -1,5 +1,7 @@
+{% set is_rtl = true %}
+
-
+
@@ -94,7 +96,14 @@
{% endif %}
{% block title %}Ibexa DXP{% endblock %}
- {{ encore_entry_link_tags('ibexa-admin-ui-layout-css', null, 'ibexa') }}
+
+ {% if is_rtl %}
+ {{ encore_entry_link_tags('ibexa-admin-ui-layout-css-rtl', null, 'ibexa') }}
+ {{ encore_entry_link_tags('ibexa-admin-ui-overwrite-rtl-css', null, 'ibexa') }}
+ {% else %}
+ {{ encore_entry_link_tags('ibexa-admin-ui-layout-css', null, 'ibexa') }}
+ {% endif %}
+
{% block stylesheets %}{% endblock %}