diff --git a/data/stylesheet/_index.scss b/data/stylesheet/_index.scss
index 1461da664..dda034a08 100644
--- a/data/stylesheet/_index.scss
+++ b/data/stylesheet/_index.scss
@@ -78,15 +78,9 @@ roundy-label:hover:selected {
 }
 
 .usage-label-container {
-    border-radius: 3px;
-    margin: 6px;
-    background-color: color-mix(in srgb, var(--SILVER-100) 50%, transparent);
-    border: 1px solid var(--SILVER-300);
-
-    @media (prefers-color-scheme: dark) {
-        background-color: color-mix(in srgb, var(--SILVER-900) 50%, transparent);
-        border: 1px solid var(--SILVER-900);
-    }
+    backdrop-filter: blur(12px);
+    background-color: #{'color-mix(in srgb, @base_color 20%, transparent)'};
+    margin: 0.5rem;
 }
 
 header.small-label {
@@ -188,12 +182,8 @@ header.small-label {
 }
 
 .graph {
-    border-radius: 6px;
-    border: 1px var(--SILVER-300) solid;
-
-    @media (prefers-color-scheme: dark) {
-        border: 1px var(--SILVER-900) solid;
-    }
+    border: 1px solid #{'@borders'};
+    border-radius: 0.75rem;
 }
 
 .open_files_list_box_wrapper {
diff --git a/src/Widgets/WidgetResource/WidgetResource.vala b/src/Widgets/WidgetResource/WidgetResource.vala
index 6b21dfb9e..39ed97572 100644
--- a/src/Widgets/WidgetResource/WidgetResource.vala
+++ b/src/Widgets/WidgetResource/WidgetResource.vala
@@ -55,6 +55,7 @@ public class Monitor.WidgetResource : Gtk.Box {
             halign = START,
             valign = START
         };
+        info_box.add_css_class (Granite.CssClass.CARD);
         info_box.add_css_class ("usage-label-container");
         info_box.append (main_metric_box);