diff --git a/src/app/(pages)/mojang/status/page.tsx b/src/app/(pages)/mojang/status/page.tsx
index 968205a..cabef4d 100644
--- a/src/app/(pages)/mojang/status/page.tsx
+++ b/src/app/(pages)/mojang/status/page.tsx
@@ -69,7 +69,7 @@ export default async function Page(): Promise<ReactElement> {
         <h1 className="text-xl">Mojang Status</h1>
         <p>The current status of Mojang Services</p>
       </div>
-      <Card className="w-full xs:w-fit text-left">
+      <Card classNameContent="w-full xs:w-fit text-left">
         <div>
           {endpointsSize === 0 && <p>Unable to fetch endpoint statuses</p>}
           {endpointsSize > 0 && (
diff --git a/src/app/components/player/player-view.tsx b/src/app/components/player/player-view.tsx
index e76dcfa..d37bd94 100644
--- a/src/app/components/player/player-view.tsx
+++ b/src/app/components/player/player-view.tsx
@@ -17,7 +17,7 @@ type PlayerViewProps = {
 export function PlayerView({ player }: PlayerViewProps): ReactElement {
   return (
     <div className="flex flex-col gap-2 items-center">
-      <Card className="w-max xs:w-fit">
+      <Card classNameContent="w-max xs:w-fit">
         <div className="flex gap-4 flex-col xs:flex-row relative">
           <div className="flex items-center flex-col">
             <SkinPartImage playerName={player.username} part={SkinPart.HEAD} url={player.skin.parts.head} size={96} />