diff --git a/client/src/components/presentational/newUserForm.jsx b/client/src/components/presentational/newUserForm.jsx
index c2197c9a..09ed0ff4 100644
--- a/client/src/components/presentational/newUserForm.jsx
+++ b/client/src/components/presentational/newUserForm.jsx
@@ -154,25 +154,29 @@ const NewUserForm = (props) => {
-
-
+
- {(params) => (
-
- )}
-
-
+
+ {(params) => (
+
+ )}
+
+
+
)
diff --git a/client/src/sass/CheckIn.scss b/client/src/sass/CheckIn.scss
index 982b8b41..6bf768e5 100644
--- a/client/src/sass/CheckIn.scss
+++ b/client/src/sass/CheckIn.scss
@@ -200,13 +200,15 @@ select {
pointer-events: none;
opacity: 0.4;
}
-.date-picker-container {
- display: flex;
- justify-content: space-around;
- gap: 10px;
- margin-top: 20px;
+.datepicker-container {
+ width: 100%;
+ max-width: 300px;
}
-
-.MuiPickersCalendarHeader-labelContainer {
- display: none !important;
+.datepicker-container input[type='text'] {
+ height: 40px;
+ width: 100%;
+ border-bottom: none;
+ padding-left: 0.5rem;
+ color: red;
+ font-weight: semi-bold;
}