diff --git a/client/app/app.css b/client/app/app.css
index 15cfbc0..bc60042 100644
--- a/client/app/app.css
+++ b/client/app/app.css
@@ -58,7 +58,6 @@
   --header-sm: 16px;
   --header-xl-weight: 600;
   --header-weight: 600;
-  --header-line-height: 3rem;
 }
 
 @media (min-width: 60rem) {
@@ -69,7 +68,6 @@
     --header-sm: 16px;
     --header-xl-weight: 600;
     --header-weight: 600;
-    --header-line-height: 1.3em;
   }
 }
 
@@ -100,7 +98,6 @@ h1 {
   font-family: "League Spartan";
   font-weight: var(--header-weight);
   font-size: var(--header-xl);
-  line-height: var(--header-line-height);
 }
 h2 {
   font-family: "League Spartan";
diff --git a/client/app/root.tsx b/client/app/root.tsx
index cb0723f..077d09e 100644
--- a/client/app/root.tsx
+++ b/client/app/root.tsx
@@ -116,12 +116,12 @@ export function ErrorBoundary() {
     <AppProvider>
       <ThemeProvider>
         <title>{title}</title>
-        <Sidebar />
         <div className="flex">
+          <Sidebar />
           <div className="w-full flex flex-col">
-            <main className="pt-16 p-4 mx-auto flex-grow">
-              <div className="md:flex gap-4">
-                <img className="w-[200px] rounded mb-3" src="../yuu.jpg" />
+            <main className="pt-16 p-4 container mx-auto flex-grow">
+              <div className="flex gap-4 items-end">
+                <img className="w-[200px] rounded" src="../yuu.jpg" />
                 <div>
                   <h1>{message}</h1>
                   <p>{details}</p>
diff --git a/client/app/routes/Charts/AlbumChart.tsx b/client/app/routes/Charts/AlbumChart.tsx
index 7a157a8..7bc4eea 100644
--- a/client/app/routes/Charts/AlbumChart.tsx
+++ b/client/app/routes/Charts/AlbumChart.tsx
@@ -30,7 +30,7 @@ export default function AlbumChart() {
       initialData={initialData}
       endpoint="chart/top-albums"
       render={({ data, page, onNext, onPrev }) => (
-        <div className="flex flex-col gap-5 w-full">
+        <div className="flex flex-col gap-5">
           <div className="flex gap-15 mx-auto">
             <button className="default" onClick={onPrev} disabled={page <= 1}>
               Prev
@@ -47,7 +47,7 @@ export default function AlbumChart() {
             ranked
             separators
             data={data}
-            className="w-11/12 sm:w-[600px]"
+            className="w-[400px] sm:w-[600px]"
             type="album"
           />
           <div className="flex gap-15 mx-auto">
diff --git a/client/app/routes/Charts/ArtistChart.tsx b/client/app/routes/Charts/ArtistChart.tsx
index 8bc2935..f128027 100644
--- a/client/app/routes/Charts/ArtistChart.tsx
+++ b/client/app/routes/Charts/ArtistChart.tsx
@@ -30,7 +30,7 @@ export default function Artist() {
       initialData={initialData}
       endpoint="chart/top-artists"
       render={({ data, page, onNext, onPrev }) => (
-        <div className="flex flex-col gap-5 w-full">
+        <div className="flex flex-col gap-5">
           <div className="flex gap-15 mx-auto">
             <button className="default" onClick={onPrev} disabled={page <= 1}>
               Prev
@@ -47,7 +47,7 @@ export default function Artist() {
             ranked
             separators
             data={data}
-            className="w-11/12 sm:w-[600px]"
+            className="w-[400px] sm:w-[600px]"
             type="artist"
           />
           <div className="flex gap-15 mx-auto">
diff --git a/client/app/routes/Charts/ChartLayout.tsx b/client/app/routes/Charts/ChartLayout.tsx
index 90858bd..446f7d1 100644
--- a/client/app/routes/Charts/ChartLayout.tsx
+++ b/client/app/routes/Charts/ChartLayout.tsx
@@ -40,7 +40,7 @@ export default function ChartLayout<T>({
   useEffect(() => {
     if ((data?.items?.length ?? 0) === 0) return;
 
-    const img = (data.items[0] as any)?.item?.image;
+    const img = (data.items[0] as any)?.item.image;
     if (!img) return;
 
     average(imageUrl(img, "small"), { amount: 1 }).then((color) => {
diff --git a/client/app/routes/Charts/TrackChart.tsx b/client/app/routes/Charts/TrackChart.tsx
index 450d022..023dceb 100644
--- a/client/app/routes/Charts/TrackChart.tsx
+++ b/client/app/routes/Charts/TrackChart.tsx
@@ -30,7 +30,7 @@ export default function TrackChart() {
       initialData={initialData}
       endpoint="chart/top-tracks"
       render={({ data, page, onNext, onPrev }) => (
-        <div className="flex flex-col gap-5 w-full">
+        <div className="flex flex-col gap-5">
           <div className="flex gap-15 mx-auto">
             <button className="default" onClick={onPrev} disabled={page <= 1}>
               Prev
@@ -47,7 +47,7 @@ export default function TrackChart() {
             ranked
             separators
             data={data}
-            className="w-11/12 sm:w-[600px]"
+            className="w-[400px] sm:w-[600px]"
             type="track"
           />
           <div className="flex gap-15 mx-auto">