web: fix overlapping text on default home page buttons in settings (#1406)

Signed-off-by: Muhammad Ali <alihamuh@gmail.com>
This commit is contained in:
Muhammad Ali
2022-12-05 10:37:47 +05:00
committed by GitHub
parent 503b5922e9
commit f43715cd24

View File

@@ -874,7 +874,8 @@ function OptionsItem(props) {
sx={{
borderRadius: "default",
overflow: "hidden",
justifyContent: "space-evenly"
justifyContent: "space-evenly",
flexWrap: "wrap"
}}
>
{options.map((option, index) => (
@@ -895,7 +896,8 @@ function OptionsItem(props) {
":hover": { color: selectedOption === index ? "static" : "text" },
flex: 1,
textAlign: "center",
color: selectedOption === index ? "static" : "bgSecondaryText"
color: selectedOption === index ? "static" : "bgSecondaryText",
minWidth: 100
}}
>
{option}