From 4a6151873a3a3c5e45f9817131774a2c52957138 Mon Sep 17 00:00:00 2001
From: TheCatLady <52870424+TheCatLady@users.noreply.github.com>
Date: Wed, 17 Mar 2021 06:38:34 -0400
Subject: [PATCH] fix(ui): center role under title cards on person detail pages
 (#1205)

---
 src/components/PersonDetails/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/PersonDetails/index.tsx b/src/components/PersonDetails/index.tsx
index 34da167f3..0042e7df4 100644
--- a/src/components/PersonDetails/index.tsx
+++ b/src/components/PersonDetails/index.tsx
@@ -110,7 +110,7 @@ const PersonDetails: React.FC = () => {
                 canExpand
               />
               {media.character && (
-                <div className="mt-2 text-xs text-center text-gray-300 truncate w-36 sm:w-36 md:w-44">
+                <div className="w-full mt-2 text-xs text-center text-gray-300 truncate">
                   {intl.formatMessage(messages.ascharacter, {
                     character: media.character,
                   })}
@@ -150,7 +150,7 @@ const PersonDetails: React.FC = () => {
                 canExpand
               />
               {media.job && (
-                <div className="mt-2 text-xs text-center text-gray-300 truncate w-36 sm:w-36 md:w-44">
+                <div className="w-full mt-2 text-xs text-center text-gray-300 truncate">
                   {media.job}
                 </div>
               )}