diff --git a/airflow/www/static/js/api/useTaskLog.ts b/airflow/www/static/js/api/useTaskLog.ts
index fb8c6ee727071..a5e9bab69f82d 100644
--- a/airflow/www/static/js/api/useTaskLog.ts
+++ b/airflow/www/static/js/api/useTaskLog.ts
@@ -74,7 +74,6 @@ const useTaskLog = ({
       });
     },
     {
-      placeholderData: "",
       refetchInterval:
         expectingLogs && isRefreshOn && (autoRefreshInterval || 1) * 1000,
     }
diff --git a/airflow/www/static/js/dag/details/taskInstance/Logs/index.tsx b/airflow/www/static/js/dag/details/taskInstance/Logs/index.tsx
index 827a69edbaef3..97499b41a752e 100644
--- a/airflow/www/static/js/dag/details/taskInstance/Logs/index.tsx
+++ b/airflow/www/static/js/dag/details/taskInstance/Logs/index.tsx
@@ -26,6 +26,7 @@ import {
   Button,
   Checkbox,
   Icon,
+  Spinner,
 } from "@chakra-ui/react";
 import { MdWarning } from "react-icons/md";
 
@@ -119,7 +120,7 @@ const Logs = ({
   const { timezone } = useTimezone();
 
   const taskTryNumber = selectedTryNumber || tryNumber || 1;
-  const { data } = useTaskLog({
+  const { data, isLoading } = useTaskLog({
     dagId,
     dagRunId,
     taskId,
@@ -266,12 +267,16 @@ const Logs = ({
               <Text fontSize="sm">{warning}</Text>
             </Flex>
           )}
-          {!!parsedLogs && (
-            <LogBlock
-              parsedLogs={parsedLogs}
-              wrap={wrap}
-              tryNumber={taskTryNumber}
-            />
+          {isLoading ? (
+            <Spinner />
+          ) : (
+            !!parsedLogs && (
+              <LogBlock
+                parsedLogs={parsedLogs}
+                wrap={wrap}
+                tryNumber={taskTryNumber}
+              />
+            )
           )}
         </>
       )}