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}