style: remove max-width constraint from UsageDisplay card

brandonkachen · brandonkachen · commit 09bdb58c7ea1 · 2026-02-04T18:10:48.000-08:00
diff --git a/web/src/app/profile/components/usage-display.tsx b/web/src/app/profile/components/usage-display.tsx
@@ -295,7 +295,7 @@ export const UsageDisplay = ({
   )
 
   return (
-    <Card className="w-full max-w-2xl mx-auto">
+    <Card>
       <CardHeader className="pb-3">
         <CardTitle className="text-xl font-bold mb-3">Credit Balance</CardTitle>
 
@@ -395,7 +395,7 @@ export const UsageDisplay = ({
 }
 
 export const UsageDisplaySkeleton = () => (
-  <Card className="w-full max-w-2xl mx-auto">
+  <Card>
     <CardHeader className="pb-4">
       <div className="h-7 w-32 bg-muted rounded animate-pulse mb-3" />
       <div className="h-5 w-64 bg-muted/70 rounded animate-pulse mb-3" />

Original file line number	Diff line number	Diff line change
`@@ -295,7 +295,7 @@ export const UsageDisplay = ({`
`295`	`295`	`)`
`296`	`296`
`297`	`297`	`return (`
`298`		`- <Card className="w-full max-w-2xl mx-auto">`
	`298`	`+ <Card>`
`299`	`299`	`<CardHeader className="pb-3">`
`300`	`300`	`<CardTitle className="text-xl font-bold mb-3">Credit Balance</CardTitle>`
`301`	`301`
`@@ -395,7 +395,7 @@ export const UsageDisplay = ({`
`395`	`395`	`}`
`396`	`396`
`397`	`397`	`export const UsageDisplaySkeleton = () => (`
`398`		`- <Card className="w-full max-w-2xl mx-auto">`
	`398`	`+ <Card>`
`399`	`399`	`<CardHeader className="pb-4">`
`400`	`400`	`<div className="h-7 w-32 bg-muted rounded animate-pulse mb-3" />`
`401`	`401`	`<div className="h-5 w-64 bg-muted/70 rounded animate-pulse mb-3" />`