diff --git a/src/css/metacatui-common.responsive.css b/src/css/metacatui-common.responsive.css
index 1b5d7a5d5..028fa0b5d 100644
--- a/src/css/metacatui-common.responsive.css
+++ b/src/css/metacatui-common.responsive.css
@@ -480,7 +480,7 @@
 		flex-direction: row;
 		width: 100vw;
 		margin: 0;
-		background-color: #2c7e90; 
+		background-color: #2c7e90;
 		background-color: var(--portal-secondary-color);
 		color: white;
 	}
@@ -629,7 +629,7 @@
 		width: 100%;
 		box-sizing: border-box;
 	}
-	
+
 	.portal-editor .toc {
 		margin-left: -9px !important;
 	}
@@ -821,8 +821,7 @@
 }
 
 /* Smartphones (portrait) ----------- */
-@media only screen
-and (max-width : 420px) {
+@media only screen and (max-width : 420px) {
 
   .modal,
   .access-policy-view-container.modal{
@@ -880,6 +879,13 @@ and (max-width : 420px) {
     padding-top: 0px;
   }
 
+  #mainContent .form-input{
+    grid-template-columns: 80% 20%;
+  }
+  #mainContent input{
+    font-size: 1.5em;
+  }
+
 }
 
 /**********