diff --git a/directory/src/routes/path/Operator.jsx b/directory/src/routes/path/Operator.jsx
index 87e8f3b..97db4ac 100644
--- a/directory/src/routes/path/Operator.jsx
+++ b/directory/src/routes/path/Operator.jsx
@@ -414,7 +414,7 @@ export default function Operator() {
                         <section className={`${classes.content} ${option.activeRule && option.activeRule() ? classes.active : ''}`} onClick={(e) => option.onClick(e)} key={option.name}>
                           <section className={classes.option}>
                             <section className={classes.outline} />
-                            <section className={classes.text}>{i18n(option.name)}</section>
+                            <section className={`${classes.text} ${classes['no-overflow']}`}>{i18n(option.name)}</section>
                             <section className={classes['tick-icon']} />
                           </section>
                         </section>
@@ -441,7 +441,7 @@ export default function Operator() {
                 <section className={classes.content}>
                   <section className={classes.option}>
                     <section className={classes.outline} />
-                    <section className={classes.text}>
+                    <section className={`${classes.text} ${classes['no-overflow']}`}>
                       {i18n('web_version')}
                     </section>
                     <seection className={classes['arrow-icon']}>
@@ -465,7 +465,7 @@ export default function Operator() {
                     <section className={classes.content}>
                       <section className={classes.option}>
                         <section className={classes.outline} />
-                        <section className={classes.text}>
+                        <section className={`${classes.text} ${classes['no-overflow']}`}>
                           {i18n('steam_workshop')}
                         </section>
                         <seection className={classes['arrow-icon']}>
diff --git a/directory/src/scss/_page_base.scss b/directory/src/scss/_page_base.scss
index 7a03daf..cd90ebb 100644
--- a/directory/src/scss/_page_base.scss
+++ b/directory/src/scss/_page_base.scss
@@ -161,6 +161,7 @@
     transition: transform cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
 
     .option {
+      white-space: nowrap;
       pointer-events: none;
       position: relative;
       transform: translate3d(0, 0, 1px);
@@ -303,3 +304,8 @@
     }
   }
 }
+
+.no-overflow {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
diff --git a/directory/src/scss/home/Home.module.scss b/directory/src/scss/home/Home.module.scss
index 9829b45..c7756bb 100644
--- a/directory/src/scss/home/Home.module.scss
+++ b/directory/src/scss/home/Home.module.scss
@@ -14,6 +14,7 @@
     margin-top: 1.25rem;
     .content {
       font-size: 1.5rem;
+      max-width: 100%;
     }
     .container {
       .title {