From 1de159d11ad13d03988ed921e1ead484761b0688 Mon Sep 17 00:00:00 2001
From: Victor Tran <victortran@Victors-MacBook-Pro-10.local>
Date: Wed, 20 May 2026 10:34:43 -0700
Subject: [PATCH 1/2] fix(miners): align issue search on mobile

---
 src/components/miners/MinerOpenDiscoveryIssuesByRepo.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/miners/MinerOpenDiscoveryIssuesByRepo.tsx b/src/components/miners/MinerOpenDiscoveryIssuesByRepo.tsx
index 7cd3a403..264db0c0 100644
--- a/src/components/miners/MinerOpenDiscoveryIssuesByRepo.tsx
+++ b/src/components/miners/MinerOpenDiscoveryIssuesByRepo.tsx
@@ -495,8 +495,9 @@ const MinerOpenDiscoveryIssuesByRepo: React.FC<
         }}
         sx={{
           mt: 2,
-          width: { xs: '100%', sm: 'auto' },
-          maxWidth: { xs: '100%', sm: 400 },
+          mx: { xs: -2, sm: 0 },
+          width: { xs: 'calc(100% + 32px)', sm: 'auto' },
+          maxWidth: { xs: 'calc(100% + 32px)', sm: 400 },
           minWidth: { xs: 0, sm: 350 },
           '& .MuiOutlinedInput-root': {
             fontSize: '0.8rem',

From 3fef09b55e55c1f7c7149c1330087a3507f6cf49 Mon Sep 17 00:00:00 2001
From: victortran0904 <100312478+victortran0904@users.noreply.github.com>
Date: Thu, 21 May 2026 20:24:32 -0700
Subject: [PATCH 2/2] fix: derive mobile search offset from theme

---
 .../miners/MinerOpenDiscoveryIssuesByRepo.tsx | 41 ++++++++++++-------
 1 file changed, 26 insertions(+), 15 deletions(-)

diff --git a/src/components/miners/MinerOpenDiscoveryIssuesByRepo.tsx b/src/components/miners/MinerOpenDiscoveryIssuesByRepo.tsx
index 264db0c0..11b8714f 100644
--- a/src/components/miners/MinerOpenDiscoveryIssuesByRepo.tsx
+++ b/src/components/miners/MinerOpenDiscoveryIssuesByRepo.tsx
@@ -493,21 +493,32 @@ const MinerOpenDiscoveryIssuesByRepo: React.FC<
             />
           ),
         }}
-        sx={{
-          mt: 2,
-          mx: { xs: -2, sm: 0 },
-          width: { xs: 'calc(100% + 32px)', sm: 'auto' },
-          maxWidth: { xs: 'calc(100% + 32px)', sm: 400 },
-          minWidth: { xs: 0, sm: 350 },
-          '& .MuiOutlinedInput-root': {
-            fontSize: '0.8rem',
-            color: 'text.primary',
-            backgroundColor: 'surface.subtle',
-            borderRadius: 2,
-            '& fieldset': { borderColor: 'border.light' },
-            '&:hover fieldset': { borderColor: 'border.medium' },
-            '&.Mui-focused fieldset': { borderColor: 'primary.main' },
-          },
+        sx={(theme) => {
+          const mobileSearchOffset = theme.spacing(-2);
+          const mobileSearchWidthOffset = theme.spacing(4);
+
+          return {
+            mt: 2,
+            mx: { xs: mobileSearchOffset, sm: 0 },
+            width: {
+              xs: `calc(100% + ${mobileSearchWidthOffset})`,
+              sm: 'auto',
+            },
+            maxWidth: {
+              xs: `calc(100% + ${mobileSearchWidthOffset})`,
+              sm: 400,
+            },
+            minWidth: { xs: 0, sm: 350 },
+            '& .MuiOutlinedInput-root': {
+              fontSize: '0.8rem',
+              color: 'text.primary',
+              backgroundColor: 'surface.subtle',
+              borderRadius: 2,
+              '& fieldset': { borderColor: 'border.light' },
+              '&:hover fieldset': { borderColor: 'border.medium' },
+              '&.Mui-focused fieldset': { borderColor: 'primary.main' },
+            },
+          };
         }}
       />
     </Box>