diff --git a/frontend/src/container/LiveLogs/ListViewPanel/index.tsx b/frontend/src/container/LiveLogs/ListViewPanel/index.tsx
index 360dac36c0..12b4266490 100644
--- a/frontend/src/container/LiveLogs/ListViewPanel/index.tsx
+++ b/frontend/src/container/LiveLogs/ListViewPanel/index.tsx
@@ -1,4 +1,5 @@
-import { Button, Popover, Select, Space } from 'antd';
+import { Button, Popover, Select } from 'antd';
+import Spinner from 'components/Spinner';
 import { LOCALSTORAGE } from 'constants/localStorage';
 import { useOptionsMenu } from 'container/OptionsMenu';
 import {
@@ -7,9 +8,12 @@ import {
 	viewModeOptionList,
 } from 'pages/Logs/config';
 import PopoverContent from 'pages/Logs/PopoverContent';
+import { useEventSource } from 'providers/EventSource';
 import { useCallback } from 'react';
 import { DataSource, StringOperators } from 'types/common/queryBuilder';
 
+import { SpinnerWrapper, Wrapper } from './styles';
+
 function ListViewPanel(): JSX.Element {
 	const { config } = useOptionsMenu({
 		storageKey: LOCALSTORAGE.LOGS_LIST_OPTIONS,
@@ -17,6 +21,8 @@ function ListViewPanel(): JSX.Element {
 		aggregateOperator: StringOperators.NOOP,
 	});
 
+	const { isConnectionLoading } = useEventSource();
+
 	const isFormatButtonVisible = logsOptions.includes(config.format?.value);
 
 	const renderPopoverContent = useCallback(() => {
@@ -35,7 +41,7 @@ function ListViewPanel(): JSX.Element {
 	}, [config]);
 
 	return (
-		<Space align="baseline" direction="horizontal">
+		<Wrapper>
 			<Select
 				style={defaultSelectStyle}
 				value={config.format?.value}
@@ -51,7 +57,12 @@ function ListViewPanel(): JSX.Element {
 					<Button>Format</Button>
 				</Popover>
 			)}
-		</Space>
+			{isConnectionLoading && (
+				<SpinnerWrapper>
+					<Spinner style={{ height: 'auto' }} />
+				</SpinnerWrapper>
+			)}
+		</Wrapper>
 	);
 }
 
diff --git a/frontend/src/container/LiveLogs/ListViewPanel/styles.ts b/frontend/src/container/LiveLogs/ListViewPanel/styles.ts
new file mode 100644
index 0000000000..5fd6a9c1b7
--- /dev/null
+++ b/frontend/src/container/LiveLogs/ListViewPanel/styles.ts
@@ -0,0 +1,11 @@
+import styled from 'styled-components';
+
+export const Wrapper = styled.div`
+	display: flex;
+	align-items: center;
+	gap: 1.5rem;
+`;
+
+export const SpinnerWrapper = styled.div`
+	margin-left: auto;
+`;