diff --git a/src/views/host/details/HostDetailsView.jsx b/src/views/host/details/HostDetailsView.jsx
index e10f69904f2f56544078077f7262aa8c18c5d1e9..bd1cb8e4386a1e856870a790db4c832dc7cba692 100644
--- a/src/views/host/details/HostDetailsView.jsx
+++ b/src/views/host/details/HostDetailsView.jsx
@@ -100,9 +100,12 @@ export function HostDetailsView({ hostId, host, alert }) {
                 </Typography>
               }
               expanded={accordionState.detailsOpen}
-              onChange={(_, expanded) =>
-                setAccordionState({ detailsOpen: expanded })
-              }
+              onChange={(_, expanded) => {
+                setAccordionState((prevState) => ({
+                  ...prevState,
+                  detailsOpen: expanded
+                }));
+              }}
             >
               <HostDetailsTable host={host} />
             </SimpleAccordion>
@@ -117,9 +120,12 @@ export function HostDetailsView({ hostId, host, alert }) {
                 </Typography>
               }
               expanded={accordionState.logStreamOpen}
-              onChange={(_, expanded) =>
-                setAccordionState({ logStreamOpen: expanded })
-              }
+              onChange={(_, expanded) => {
+                setAccordionState((prevState) => ({
+                  ...prevState,
+                  logStreamOpen: expanded
+                }));
+              }}
             >
               <LokiPanel
                 hostName={host.name}