Skip to content

Commit b529653

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

1 file changed

Lines changed: 4 additions & 1 deletion

File tree

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)