diff --git a/html/css/style.css b/html/css/style.css
index 3ac6d04..fcfc36f 100644
--- a/html/css/style.css
+++ b/html/css/style.css
@@ -189,6 +189,14 @@ canvas{
     position: static;
     float: right;
 }
+.donut{
+    width: 60%;
+    padding: 0px;
+    margin: auto;
+    /* display: inline-block; */
+    margin-left: -5%;
+    margin-right: -5%;
+}
 
 #brightness{
     flex-basis: 0%;
diff --git a/html/js/monitor.js b/html/js/monitor.js
index acf4128..2e72109 100644
--- a/html/js/monitor.js
+++ b/html/js/monitor.js
@@ -55,6 +55,9 @@ window.addEventListener("load", async function () {
             },
             animation:{
                 duration: 0
+            },
+            legend:{
+                display: false
             }
         }
     });
@@ -70,9 +73,10 @@ window.addEventListener("load", async function () {
                 data: data,
                 borderColor: colors[i - 1],
                 fill: false,
-                pointRadius: 0
+                pointRadius: 0,
+                borderWidth: 2.
             }
-        )
+        );
     }
 
     threads = new Chart("threads", {
diff --git a/html/pages/monitor.html b/html/pages/monitor.html
index f2c32ba..098f9b9 100644
--- a/html/pages/monitor.html
+++ b/html/pages/monitor.html
@@ -28,10 +28,10 @@
             <br>
             <canvas id="threads"></canvas>
             <br>
-            <span class="hflex">
-                <canvas id="ram"></canvas>
-                <canvas id="swap"></canvas>
-            </span>
+            <div class="center-flex">
+                <canvas class="donut" id="ram"></canvas>
+                <canvas class="donut" id="swap"></canvas>
+            </div>
             <br>
         </div>
         <br>