diff --git a/public/app/features/explore/LiveLogs.tsx b/public/app/features/explore/LiveLogs.tsx
index d1dcb0f5b06..185d54b6e93 100644
--- a/public/app/features/explore/LiveLogs.tsx
+++ b/public/app/features/explore/LiveLogs.tsx
@@ -47,6 +47,9 @@ const getStyles = (theme: GrafanaTheme) => ({
   button: css`
     margin-right: ${theme.spacing.sm};
   `,
+  fullWidth: css`
+    width: 100%;
+  `,
 });
 
 export interface Props extends Themeable {
@@ -139,7 +142,7 @@ class LiveLogs extends PureComponent<Props, State> {
 
     return (
       <div>
-        <table>
+        <table className={styles.fullWidth}>
           <tbody
             onScroll={isPaused ? undefined : this.onScroll}
             className={cx(['logs-rows', styles.logsRowsLive])}
diff --git a/public/app/features/explore/utils/LogsCrossFadeTransition.tsx b/public/app/features/explore/utils/LogsCrossFadeTransition.tsx
index d4ba955601d..649070e9ae0 100644
--- a/public/app/features/explore/utils/LogsCrossFadeTransition.tsx
+++ b/public/app/features/explore/utils/LogsCrossFadeTransition.tsx
@@ -16,7 +16,7 @@ const getStyles = memoizeOne(() => {
       position: absolute;
       opacity: 0;
       height: auto;
-      width: auto;
+      width: 100%;
     `,
     logsEnterActive: css`
       label: logsEnterActive;
@@ -28,7 +28,7 @@ const getStyles = memoizeOne(() => {
       position: absolute;
       opacity: 1;
       height: auto;
-      width: auto;
+      width: 100%;
     `,
     logsExitActive: css`
       label: logsExitActive;