diff --git a/public/app/features/logs/components/panel/LogListContext.tsx b/public/app/features/logs/components/panel/LogListContext.tsx
index fed6669be90..bac7d507652 100644
--- a/public/app/features/logs/components/panel/LogListContext.tsx
+++ b/public/app/features/logs/components/panel/LogListContext.tsx
@@ -203,7 +203,7 @@ export const LogListContextProvider = ({
   enableLogDetails,
   logOptionsStorageKey,
   detailsMode: detailsModeProp = logOptionsStorageKey
-    ? store.get(`${logOptionsStorageKey}.detailsMode`)
+    ? (store.get(`${logOptionsStorageKey}.detailsMode`) ?? getDefaultDetailsMode(containerElement))
     : getDefaultDetailsMode(containerElement),
   dedupStrategy,
   displayedFields,
@@ -334,7 +334,9 @@ export const LogListContextProvider = ({
 
   // Sync details mode
   useEffect(() => {
-    setDetailsMode(detailsModeProp);
+    if (detailsModeProp) {
+      setDetailsMode(detailsModeProp);
+    }
   }, [detailsModeProp]);
 
   // Sync font size