diff --git a/web/pages/hardware-info.tsx b/web/pages/hardware-info.tsx
index 8ae70a5df..87ed4dc88 100644
--- a/web/pages/hardware-info.tsx
+++ b/web/pages/hardware-info.tsx
@@ -74,7 +74,7 @@ const series = [
       <div>
         <div>
           <h2>Hardware Info</h2>
-          <Row gutter={[16, 16]}>
+          <Row gutter={[16, 16]} justify="space-around">
             <StatisticItem
               title={series[0].name}
               value={`${currentCPUUsage}`}
diff --git a/web/pages/viewer-info.tsx b/web/pages/viewer-info.tsx
index 03b5db25d..1408ea43c 100644
--- a/web/pages/viewer-info.tsx
+++ b/web/pages/viewer-info.tsx
@@ -104,7 +104,7 @@ export default function ViewersOverTime() {
   return (
     <div>
       <h2>Current Viewers</h2>
-      <Row gutter={[16, 16]}>
+      <Row gutter={[16, 16]} justify="space-around">
         <StatisticItem
           title="Current viewers"
           value={viewerCount.toString()}