diff --git a/src/components/miners/MinerOpenDiscoveryIssuesByRepo.tsx b/src/components/miners/MinerOpenDiscoveryIssuesByRepo.tsx
index 7cd3a403..11b8714f 100644
--- a/src/components/miners/MinerOpenDiscoveryIssuesByRepo.tsx
+++ b/src/components/miners/MinerOpenDiscoveryIssuesByRepo.tsx
@@ -493,20 +493,32 @@ const MinerOpenDiscoveryIssuesByRepo: React.FC<
             />
           ),
         }}
-        sx={{
-          mt: 2,
-          width: { xs: '100%', sm: 'auto' },
-          maxWidth: { xs: '100%', 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>