diff --git a/static/app/views/explore/logs/styles.tsx b/static/app/views/explore/logs/styles.tsx
index f164bb49c20f7f..795f5dcbea03b5 100644
--- a/static/app/views/explore/logs/styles.tsx
+++ b/static/app/views/explore/logs/styles.tsx
@@ -225,8 +225,14 @@ export const LogsTableBodyFirstCell = styled(LogTableBodyCell)`
 
 export const FilterBarContainer = styled('div')`
   display: flex;
+  flex-direction: column;
   gap: ${space(1)};
   margin-bottom: ${space(1)};
+
+  @media (min-width: ${p => p.theme.breakpoints.md}) {
+    flex-direction: row;
+    align-items: center;
+  }
 `;
 
 export const TableActionsContainer = styled('div')`
@@ -255,7 +261,11 @@ export const LogsGraphContainer = styled(LogsItemContainer)`
 `;
 
 export const StyledPageFilterBar = styled(PageFilterBar)`
-  width: auto;
+  width: 100%;
+
+  @media (min-width: ${p => p.theme.breakpoints.md}) {
+    width: auto;
+  }
 `;
 
 export const AutoRefreshLabel = styled('label')`