diff --git a/public/app/features/logs/components/ControlledLogRows.tsx b/public/app/features/logs/components/ControlledLogRows.tsx
index 020f7af0351..dba49b9df09 100644
--- a/public/app/features/logs/components/ControlledLogRows.tsx
+++ b/public/app/features/logs/components/ControlledLogRows.tsx
@@ -105,6 +105,7 @@ const LogRowsComponent = ({ loading, loadMoreLogs, deduplicatedRows = [], range,
return (
-
);
};
@@ -159,5 +159,6 @@ const styles = {
}),
logRowsContainer: css({
display: 'flex',
+ flexDirection: 'row-reverse',
}),
};
diff --git a/public/app/features/logs/components/ControlledLogsTable.tsx b/public/app/features/logs/components/ControlledLogsTable.tsx
index 0105e14411d..5dfb5b5f6a7 100644
--- a/public/app/features/logs/components/ControlledLogsTable.tsx
+++ b/public/app/features/logs/components/ControlledLogsTable.tsx
@@ -34,6 +34,7 @@ export const ControlledLogsTable = ({
return (
+
{/* Width should be full width minus logs navigation and padding */}
-
);
};
@@ -64,6 +64,7 @@ const getStyles = (theme: GrafanaTheme2) => {
}),
logRowsContainer: css({
display: 'flex',
+ flexDirection: 'row-reverse',
}),
};
};