From 8f409731687005659fec045703c8c2c78ba2bfb0 Mon Sep 17 00:00:00 2001
From: Rijk van Zanten <rijkvanzanten@me.com>
Date: Wed, 13 Apr 2022 14:36:23 -0400
Subject: [PATCH] Fix inline rendering of rating display (#12741)

Fixes #12733
---
 app/src/displays/rating/rating.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/src/displays/rating/rating.vue b/app/src/displays/rating/rating.vue
index cf039f87bc..5cc692fcf8 100644
--- a/app/src/displays/rating/rating.vue
+++ b/app/src/displays/rating/rating.vue
@@ -48,7 +48,7 @@ const ratingPercentage = computed(() => ({
 <style lang="scss" scoped>
 .rating {
 	&.simple {
-		display: flex;
+		display: inline-flex;
 		align-items: center;
 		padding: 2px 6px 2px 4px;
 		color: #ffc107;
@@ -68,7 +68,7 @@ const ratingPercentage = computed(() => ({
 		.active {
 			position: relative;
 			z-index: 2;
-			display: flex;
+			display: inline-flex;
 			width: 0%;
 			overflow: hidden;
 			color: #ffc107;
@@ -79,7 +79,7 @@ const ratingPercentage = computed(() => ({
 			top: 0;
 			left: 0;
 			z-index: 1;
-			display: flex;
+			display: inline-flex;
 			color: var(--background-normal);
 		}
 	}