From 324e1d91a7aa4d30b3b8e2ebb3a4a7bf1715d900 Mon Sep 17 00:00:00 2001
From: Francis Cao <franciscao@gmail.com>
Date: Wed, 17 Jun 2026 11:56:03 -0700
Subject: [PATCH] fix mobile layout for session replay filter button

---
 src/components/common/DataGrid.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/common/DataGrid.tsx b/src/components/common/DataGrid.tsx
index f2c1cac99..c988bc938 100644
--- a/src/components/common/DataGrid.tsx
+++ b/src/components/common/DataGrid.tsx
@@ -111,7 +111,11 @@ export function DataGrid({
             placeholder={t(labels.search)}
           />
         )}
-        <Row alignItems="center" gap style={{ marginLeft: 'auto' }}>
+        <Row
+          alignItems="center"
+          gap
+          style={isMobile ? { width: '100%', justifyContent: 'flex-start' } : { marginLeft: 'auto' }}
+        >
           {renderActions?.()}
           {!isMobile && viewToggleButton}
         </Row>