From 946d5a3158bc49ff9af784510b1b3c79a1c1e7f4 Mon Sep 17 00:00:00 2001
From: Alex Pott <alex.a.pott@googlemail.com>
Date: Sun, 15 May 2022 13:44:19 +0100
Subject: [PATCH] Issue #3277557 by galactus86, mherchel, rootwork: Olivero:
 Progress indicator percentage label does not have proper spacing

---
 core/themes/olivero/css/components/progress.css      | 8 ++++++++
 core/themes/olivero/css/components/progress.pcss.css | 4 ++++
 2 files changed, 12 insertions(+)

diff --git a/core/themes/olivero/css/components/progress.css b/core/themes/olivero/css/components/progress.css
index 526b2b95635..3719bf22ba2 100644
--- a/core/themes/olivero/css/components/progress.css
+++ b/core/themes/olivero/css/components/progress.css
@@ -34,3 +34,11 @@
   height: var(--sp);
   background-color: var(--color--primary-40);
 }
+
+[dir="ltr"] .progress__percentage {
+  margin-left: 1rem;
+}
+
+[dir="rtl"] .progress__percentage {
+  margin-right: 1rem;
+}
diff --git a/core/themes/olivero/css/components/progress.pcss.css b/core/themes/olivero/css/components/progress.pcss.css
index 5228900a4ca..d4e058e4c7c 100644
--- a/core/themes/olivero/css/components/progress.pcss.css
+++ b/core/themes/olivero/css/components/progress.pcss.css
@@ -16,3 +16,7 @@
   height: var(--sp);
   background-color: var(--color--primary-40);
 }
+
+.progress__percentage {
+  margin-inline-start: 1rem;
+}