diff --git a/src/panels/developer-tools/state/developer-tools-state.js b/src/panels/developer-tools/state/developer-tools-state.js
index 02f6e67ec21f..7a7046cdecf7 100644
--- a/src/panels/developer-tools/state/developer-tools-state.js
+++ b/src/panels/developer-tools/state/developer-tools-state.js
@@ -165,7 +165,7 @@ class HaPanelDevState extends EventsMixin(LocalizeMixin(PolymerElement)) {
             <th>[[localize('ui.panel.developer-tools.tabs.states.state')]]</th>
             <th hidden$="[[narrow]]">
               [[localize('ui.panel.developer-tools.tabs.states.attributes')]]
-              <paper-checkbox checked="{{_showAttributes}}"></paper-checkbox>
+              <paper-checkbox checked="{{_showAttributes}}" on-change="{{saveAttributeCheckboxState}}"></paper-checkbox>
             </th>
           </tr>
           <tr>
@@ -275,7 +275,7 @@ class HaPanelDevState extends EventsMixin(LocalizeMixin(PolymerElement)) {
 
       _showAttributes: {
         type: Boolean,
-        value: true,
+        value: JSON.parse(localStorage.getItem("devToolsShowAttributes") || true),
       },
 
       _entities: {
@@ -459,6 +459,14 @@ class HaPanelDevState extends EventsMixin(LocalizeMixin(PolymerElement)) {
     return Array.isArray(value) ? value.join(", ") : value;
   }
 
+  saveAttributeCheckboxState(ev) {
+    try {
+      localStorage.setItem("devToolsShowAttributes", ev.target.checked);
+    } catch (e) {
+      // Catch for Safari private mode
+    }
+  }
+
   _computeParsedStateAttributes(stateAttributes) {
     try {
       return stateAttributes.trim() ? safeLoad(stateAttributes) : {};