From be645efd0113c201113a975b22b62ecac5fca365 Mon Sep 17 00:00:00 2001
From: Nic Bertino <nicolas.bertino@appfolio.com>
Date: Thu, 13 Oct 2022 11:17:54 -0700
Subject: [PATCH] fix: rating key centering

Rating keys in feedback modals are now centered per their container.
---
 .../FeedbackButton/components/FeedbackModalRating.tsx       | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/FeedbackButton/components/FeedbackModalRating.tsx b/src/components/FeedbackButton/components/FeedbackModalRating.tsx
index 32b7ef4e5..75e3ff887 100644
--- a/src/components/FeedbackButton/components/FeedbackModalRating.tsx
+++ b/src/components/FeedbackButton/components/FeedbackModalRating.tsx
@@ -15,10 +15,10 @@ const FeedbackModalRating: FC<FeedbackModalRatingProps> = ({
   setRating,
 }) => (
   <div data-testid="feedback-modal-rating">
-    <div className="mb-5">
+    <div className="mb-5 text-center">
       <div className="d-flex mb-2 mx-3 justify-content-between">
-        <span className="js-low-rating-text font-italic">{lowRatingText}</span>
-        <span className="js-high-rating-text font-italic">{highRatingText}</span>
+        <span className="js-low-rating-text">{lowRatingText}</span>
+        <span className="js-high-rating-text">{highRatingText}</span>
       </div>
       <div className="d-flex justify-content-around mb-2">
         {[1, 2, 3, 4, 5].map((rating) => (