diff --git a/web/css/dark.css b/web/css/dark.css
index 13652fa..1e0163c 100644
--- a/web/css/dark.css
+++ b/web/css/dark.css
@@ -19,8 +19,8 @@ tr.odd.expandRow > :hover { background: #212e36 !important; }
 .expandRow > td { padding: 0 !important; border-top: 0px !important; }
 #month_traffic { min-width: 85px; max-width: 95px;}
 #network { min-width: 115px; }
-#cpu, #ram, #hdd { min-width: 45px; max-width: 90px; }
-#io { width: 90px; }
+#cpu, #ram, #hdd { min-width: 20px; max-width: 60px; }
+#io { width: 115px; }
 #ping { max-width: 95px; }
 
 @media only screen and (max-width: 1080px) {
diff --git a/web/css/light.css b/web/css/light.css
index ba672c6..aaa4d92 100644
--- a/web/css/light.css
+++ b/web/css/light.css
@@ -16,8 +16,8 @@ tr.odd.expandRow > :hover { background: #FFF !important; }
 .expandRow > td { padding: 0 !important; border-top: 0px !important; }
 #month_traffic { min-width: 85px; max-width: 95px;}
 #network { min-width: 115px; }
-#cpu, #ram, #hdd { min-width: 45px; max-width: 90px; }
-#io { width: 90px; }
+#cpu, #ram, #hdd { min-width: 20px; max-width: 60px; }
+#io { width: 115px; }
 #ping { max-width: 95px; }
 
 @media only screen and (max-width: 1080px) {