Skip to content

Commit f8ad760

Browse files
committed
fix: adjust the find next button padding to prevent overflow on small screen
1 parent b7d7188 commit f8ad760

File tree

1 file changed

+4
-1
lines changed

1 file changed

+4
-1
lines changed

src/pages/DatasetDetailPage.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -714,12 +714,15 @@ const DatasetDetailPage: React.FC = () => {
714714
placeholder="Find keyword in dataset"
715715
value={searchTerm}
716716
onChange={handleSearch}
717-
sx={{ width: "250px" }}
717+
sx={{ width: { xs: "auto", sm: "250px" } }}
718718
/>
719719
<Button
720720
variant="contained"
721721
onClick={findNext}
722722
disabled={matches.length === 0}
723+
sx={{
724+
padding: "8px",
725+
}}
723726
>
724727
Find Next
725728
</Button>

0 commit comments

Comments
 (0)