diff --git a/ui/app/peers/[peerName]/lagGraph.tsx b/ui/app/peers/[peerName]/lagGraph.tsx
index 82f0ed9aae..b495aaf6f3 100644
--- a/ui/app/peers/[peerName]/lagGraph.tsx
+++ b/ui/app/peers/[peerName]/lagGraph.tsx
@@ -40,7 +40,7 @@ function LagGraph({ slotNames }: { slotNames: string[] }) {
     ]);
     return lagDataDot.map((data) => ({
       time: formatGraphLabel(new Date(data[0]!), timeSince),
-      'Lag in MB': data[1],
+      'Lag in GB': parseInt(data[1] || '0', 10) / 1000,
     }));
   }, [lagPoints, timeSince]);
 
@@ -108,8 +108,9 @@ function LagGraph({ slotNames }: { slotNames: string[] }) {
       <LineChart
         index='time'
         data={graphValues}
-        categories={['Lag in MB']}
+        categories={['Lag in GB']}
         colors={['rose']}
+        showXAxis={false}
       />
     </div>
   );
diff --git a/ui/app/peers/[peerName]/page.tsx b/ui/app/peers/[peerName]/page.tsx
index fadb1731d4..5d5742c8cd 100644
--- a/ui/app/peers/[peerName]/page.tsx
+++ b/ui/app/peers/[peerName]/page.tsx
@@ -60,9 +60,9 @@ const PeerData = async ({ params: { peerName } }: DataConfigProps) => {
     <div
       style={{
         padding: '2rem',
+        width: '100%',
         display: 'flex',
         flexDirection: 'column',
-        alignItems: 'center',
       }}
     >
       <div style={{ display: 'flex', justifyContent: 'space-between' }}>