From 4ef52e01363b9c65ca4b89dd768a0723e88f3c9c Mon Sep 17 00:00:00 2001
From: Brian Cao <brianbcao@gmail.com>
Date: Mon, 26 Dec 2022 12:48:20 -0800
Subject: [PATCH] CSS Naming.

---
 components/forms/UserPasswordForm.js         | 2 +-
 components/forms/UserPasswordForm.module.css | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 components/forms/UserPasswordForm.module.css

diff --git a/components/forms/UserPasswordForm.js b/components/forms/UserPasswordForm.js
index a5543352..76748405 100644
--- a/components/forms/UserPasswordForm.js
+++ b/components/forms/UserPasswordForm.js
@@ -3,7 +3,7 @@ import { Form, FormInput, FormButtons, PasswordField, Button } from 'react-basic
 import { useApi } from 'next-basics';
 import { useMutation } from '@tanstack/react-query';
 import { getAuthToken } from 'lib/client';
-import styles from './UserForm.module.css';
+import styles from './UserPasswordForm.module.css';
 import useUser from 'hooks/useUser';
 
 export default function UserPasswordForm({ onSave, userId }) {
diff --git a/components/forms/UserPasswordForm.module.css b/components/forms/UserPasswordForm.module.css
new file mode 100644
index 00000000..793682e1
--- /dev/null
+++ b/components/forms/UserPasswordForm.module.css
@@ -0,0 +1,6 @@
+.form {
+  display: flex;
+  flex-direction: column;
+  gap: 30px;
+  width: 300px;
+}