diff --git a/client/components/pages/recover.jsx b/client/components/pages/recover.jsx
index 98619ee..98cdc46 100644
--- a/client/components/pages/recover.jsx
+++ b/client/components/pages/recover.jsx
@@ -22,7 +22,7 @@ const Recover = props => {
 	return (
 		<div className='page'>
 			<h1 className='centered'>Recover Password</h1>
-			<form className='constricted' onSubmit={
+			<form className='constrained panel' onSubmit={
 				async evt => { //on submit
 					recoverRef.current.disabled = true;
 					evt.preventDefault();
diff --git a/client/components/pages/reset.jsx b/client/components/pages/reset.jsx
index 1c08d3b..f5f9d04 100644
--- a/client/components/pages/reset.jsx
+++ b/client/components/pages/reset.jsx
@@ -25,7 +25,7 @@ const Reset = props => {
 	return (
 		<div className='page'>
 			<h1 className='centered'>Reset Password</h1>
-			<form className='constricted' onSubmit={async evt => {
+			<form className='constrained panel' onSubmit={async evt => {
 				evt.preventDefault();
 				const [err, redirect] = await update(passwordRef.current.value, retypeRef.current.value, query);
 
diff --git a/package-lock.json b/package-lock.json
index 0bbebe6..3ad26ad 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "mern-template",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "mern-template",
-      "version": "1.0.2",
+      "version": "1.0.3",
       "license": "ISC",
       "dependencies": {
         "@babel/core": "^7.14.8",