diff --git a/dictation_client/src/pages/SignupPage/signupInput.tsx b/dictation_client/src/pages/SignupPage/signupInput.tsx
index fd9bef5..296d559 100644
--- a/dictation_client/src/pages/SignupPage/signupInput.tsx
+++ b/dictation_client/src/pages/SignupPage/signupInput.tsx
@@ -144,7 +144,7 @@ const SignupInput: React.FC = (): JSX.Element => {
               {t(getTranslationID("signupPage.text.pageExplanation"))}
             </p>
           </div>
-          <section>
+          <section className={styles.form}>
             <form>
               <dl className={`${styles.formList} ${styles.hasbg}`}>
                 <dt className={` ${styles.formTitle} ${styles.marginBtm0}`}>
diff --git a/dictation_client/src/styles/app.module.scss b/dictation_client/src/styles/app.module.scss
index 995e34a..e42918c 100644
--- a/dictation_client/src/styles/app.module.scss
+++ b/dictation_client/src/styles/app.module.scss
@@ -555,6 +555,9 @@ h3 + .brCrumb .tlIcon {
   border-top: 2px #282828 solid;
   background: #fafafa;
 }
+.form select {
+  text-overflow: ellipsis;
+}
 .form select:invalid {
   color: #999999;
 }
@@ -689,6 +692,7 @@ h3 + .brCrumb .tlIcon {
   padding: 0.6rem 0.6rem;
   background: #f0f0f0;
   box-sizing: border-box;
+  word-wrap: break-word;
 }
 .formSubmit {
   min-width: 15rem;
@@ -2288,10 +2292,11 @@ tr.isSelected .menuInTable li a {
   font-size: 0.9rem;
 }
 .workflow .menuAction.worktype .formInput {
-  width: inherit;
+  max-width: 350px;
   margin-left: 0.5rem;
   padding: 0.2rem 0.8rem;
   font-size: 0.9rem;
+  text-overflow: ellipsis;
 }
 
 .formList dd.formChange {