From f43715cd24323273fdc2a18e0f6edbf447f03a80 Mon Sep 17 00:00:00 2001
From: Muhammad Ali <alihamuh@gmail.com>
Date: Mon, 5 Dec 2022 10:37:47 +0500
Subject: [PATCH] web: fix overlapping text on default home page buttons in
 settings (#1406)

Signed-off-by: Muhammad Ali <alihamuh@gmail.com>
---
 apps/web/src/views/settings.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/views/settings.js b/apps/web/src/views/settings.js
index 091459b5c..327aae239 100644
--- a/apps/web/src/views/settings.js
+++ b/apps/web/src/views/settings.js
@@ -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}