diff --git a/client/components/pages/account.jsx b/client/components/pages/account.jsx
index fe947ea..6f34894 100644
--- a/client/components/pages/account.jsx
+++ b/client/components/pages/account.jsx
@@ -37,7 +37,7 @@ const Account = props => {
 	return (
 		<div className='page'>
 			<h1 className='centered'>Account</h1>
-			<form className='constricted' onSubmit={async evt => {
+			<form className='constrained' onSubmit={async evt => {
 				evt.preventDefault();
 				const [err] = await update(passwordRef.current.value, retypeRef.current.value, contactRef.current.checked, authTokens.tokenFetch);
 
@@ -69,7 +69,7 @@ const Account = props => {
 				<button type='submit'>Update Information</button>
 			</form>
 
-			<DeleteAccount className='constricted' />
+			<DeleteAccount className='constrained' />
 		</div>
 	);
 };
diff --git a/client/components/pages/login.jsx b/client/components/pages/login.jsx
index d24fc6a..1cdc87f 100644
--- a/client/components/pages/login.jsx
+++ b/client/components/pages/login.jsx
@@ -21,7 +21,7 @@ const LogIn = props => {
 	return (
 		<div className='page'>
 			<h1 className='centered'>Login</h1>
-			<form className='constricted' onSubmit={
+			<form className='constrained' onSubmit={
 				async evt => {
 					//on submit
 					evt.preventDefault();
diff --git a/client/components/pages/signup.jsx b/client/components/pages/signup.jsx
index dfa821b..2d363d4 100644
--- a/client/components/pages/signup.jsx
+++ b/client/components/pages/signup.jsx
@@ -27,7 +27,7 @@ const SignUp = props => {
 	return (
 		<div className='page'>
 			<h1 className='centered'>Signup</h1>
-			<form className='constricted' onSubmit={
+			<form className='constrained' onSubmit={
 				async evt => { //on submit
 					signupRef.current.disabled = true;
 					evt.preventDefault();