diff --git a/src/components/sidebar/StatisticsInfo.vue b/src/components/sidebar/StatisticsInfo.vue
index 693121c3..d084663c 100644
--- a/src/components/sidebar/StatisticsInfo.vue
+++ b/src/components/sidebar/StatisticsInfo.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="grid grid-cols-2 gap-1">
+  <div class="grid w-full grid-cols-2 gap-1 rounded-lg">
     <div>{{ $t('connections') }}: {{ activeConnections.length }}</div>
     <div>{{ $t('memoryUsage') }}: {{ prettyBytesHelper(memory, { binary: true }) }}</div>
     <div>{{ $t('download') }}: {{ prettyBytesHelper(downloadTotal) }}</div>
diff --git a/src/views/SettingsPage.vue b/src/views/SettingsPage.vue
index cfafdfe1..e14f3dbc 100644
--- a/src/views/SettingsPage.vue
+++ b/src/views/SettingsPage.vue
@@ -94,10 +94,8 @@
         {{ $t('statistics') }}
       </div>
       <div class="card-body gap-4">
-        <div class="grid grid-cols-1 gap-2 lg:grid-cols-2">
-          <div class="card flex items-center justify-start bg-base-200/40 p-4">
-            <StatisticsInfo class="h-20 w-full" />
-          </div>
+        <div class="grid grid-cols-1 gap-2 lg:grid-cols-2 3xl:grid-cols-4">
+          <StatisticsInfo class="bg-base-200/40 p-4" />
           <SpeedCharts />
           <MemoryCharts />
           <ConnectionsCharts />