fix(ui): center role under title cards on person detail pages (#1205)

sct · Mar 17, 2021 · 4a61518 · 4a61518
1 parent 54429bb
commit 4a61518
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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>
               )}