fix(ui): Size cards appropriately based on base font size (#871)

src/components/MovieDetails/MovieCast/index.tsx

@@ -45,13 +45,10 @@ const MovieCast: React.FC = () => {
           {intl.formatMessage(messages.fullcast)}
         </Header>
       </div>
-      <ul className="grid grid-cols-2 gap-6 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-7 2xl:grid-cols-8">
+      <ul className="cardList">
         {data?.credits.cast.map((person, index) => {
           return (
-            <li
-              key={`cast-${person.id}-${index}`}
-              className="flex flex-col items-center col-span-1 text-center"
-            >
+            <li key={`cast-${person.id}-${index}`}>
               <PersonCard
                 name={person.name}
                 personId={person.id}