diff --git a/src/panels/config/storage/ha-config-section-storage.ts b/src/panels/config/storage/ha-config-section-storage.ts
index 494aaccafe..8548c3192e 100644
--- a/src/panels/config/storage/ha-config-section-storage.ts
+++ b/src/panels/config/storage/ha-config-section-storage.ts
@@ -106,6 +106,16 @@ class HaConfigSectionStorage extends LitElement {
)}
.tooltip=${`${this._hostInfo.disk_used} GB/${this._hostInfo.disk_total} GB`}
>
+
+ ${this.hass.localize(
+ "ui.panel.config.storage.detailed_description",
+ {
+ used: `${this._hostInfo?.disk_used} GB`,
+ total: `${this._hostInfo?.disk_total} GB`,
+ free_space: `${this._hostInfo.disk_free} GB`,
+ }
+ )}
+
${this._hostInfo.disk_life_time !== "" &&
this._hostInfo.disk_life_time >= 10
? // prettier-ignore
@@ -316,6 +326,11 @@ class HaConfigSectionStorage extends LitElement {
justify-content: space-between;
flex-direction: column;
}
+
+ .detailed-storage-info {
+ font-size: var(--ha-font-size-s);
+ color: var(--secondary-text-color);
+ }
.mount-state-failed {
color: var(--error-color);
}
diff --git a/src/translations/en.json b/src/translations/en.json
index 996d6c96d5..0787040603 100644
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -6571,6 +6571,7 @@
"caption": "Storage",
"description": "{percent_used} used - {free_space} free",
"used_space": "Used space",
+ "detailed_description": "{used} used of {total} total, {free_space} remaining",
"emmc_lifetime_used": "eMMC lifetime used",
"disk_metrics": "Disk metrics",
"datadisk": {