diff --git a/src/gui/src/UI/Settings/UITabUsage.js b/src/gui/src/UI/Settings/UITabUsage.js
index 9eaa9bd07..2a029c9cb 100644
--- a/src/gui/src/UI/Settings/UITabUsage.js
+++ b/src/gui/src/UI/Settings/UITabUsage.js
@@ -27,8 +27,8 @@ export default {
             <h1>${i18n('usage')}<button class="update-usage-details" style="float:right;"><svg class="update-usage-details-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-clockwise" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2z"/> <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466"/> </svg></button></h1>
             <div class="driver-usage">
                 <div class="driver-usage-header">
-                    <h3 style="margin:0; font-size: 14px; flex-grow: 1;">${i18n('Storage')}</h3>
-                    <div style="font-size: 13px; margin-bottom: 3px;">
+                    <h3 style="margin:0; font-size: 14px; flex-grow: 1; font-weight: 500;">${i18n('Storage')}</h3>
+                    <div style="font-size: 13px; margin-bottom: 3px; opacity:0.85;">
                         <span id="storage-used"></span>
                         <span> used of </span>
                         <span id="storage-capacity"></span>
@@ -42,8 +42,8 @@ export default {
                 </div>
                 <div class="driver-usage-container" style="margin-top: 30px;">
                     <div class="driver-usage-header">
-                        <h3 style="margin:0; font-size: 14px; flex-grow: 1;">${i18n('Resources')}</h3>
-                        <div style="font-size: 13px; margin-bottom: 3px;">
+                        <h3 style="margin:0; font-size: 14px; flex-grow: 1; font-weight: 500;">${i18n('Resources')}</h3>
+                        <div style="font-size: 13px; margin-bottom: 3px; opacity:0.85;">
                             <span id="total-usage"></span>
                             <span> used of </span>
                             <span id="total-capacity"></span>
diff --git a/src/gui/src/css/style.css b/src/gui/src/css/style.css
index f552c012f..e77f4f5fd 100644
--- a/src/gui/src/css/style.css
+++ b/src/gui/src/css/style.css
@@ -4290,17 +4290,17 @@ fieldset[name=number-code] {
     margin-bottom: 15px;
     background-repeat: no-repeat;
     background-position: 10px center;
-    background-size: 25px;
-    padding-left: 45px;
+    background-size: 20px;
+    padding-left: 40px;
     font-size: 15px;
 }
 
 .settings-sidebar-item:hover {
-    background-color: #e8e8e8;
+    background-color: #e8e8e88c;
 }
 
 .settings-sidebar-item.active {
-    background-color: #e0e0e0;
+    background-color: #e0e0e0a6;
 }
 
 .settings-content-container {
@@ -4336,7 +4336,6 @@ fieldset[name=number-code] {
 .settings-content.active {
     display: flex;
     flex-direction: column;
-    height: 100%;
 }
 
 .settings-content .about-container {