From 1e15700e12f51422a60228fbf8bdfe51cd6aac30 Mon Sep 17 00:00:00 2001
From: Tomas Gonzalez <63771558+R-Tomas-Gonzalez@users.noreply.github.com>
Date: Wed, 21 Feb 2024 21:25:49 -0600
Subject: [PATCH] bug/TUP-692  TUP Login Form Error Message Unstyled (#430)

* add error styling to tup login

* formatting error
---
 .../tup-components/src/auth/LoginComponent/LoginComponent.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/libs/tup-components/src/auth/LoginComponent/LoginComponent.tsx b/libs/tup-components/src/auth/LoginComponent/LoginComponent.tsx
index 753694b5e..6acb47f75 100644
--- a/libs/tup-components/src/auth/LoginComponent/LoginComponent.tsx
+++ b/libs/tup-components/src/auth/LoginComponent/LoginComponent.tsx
@@ -107,14 +107,14 @@ const LoginComponent: React.FC<LoginProps> = ({ className }) => {
   const status = (error as AxiosError)?.response?.status;
 
   return (
-    <div className={`c-form c-form--login ${styles.root} ${className}`}>
+    <div className={`c-form--login ${styles.root} ${className}`}>
       <h3 className="c-form__title">
         <img src={blackLogo} alt="TACC Logo" />
         <span>Log In</span>
       </h3>
       <p className="c-form__desc">to continue to the TACC User Portal</p>
       <Formik initialValues={initialValues} onSubmit={onSubmit}>
-        <Form>
+        <Form className="c-form">
           <LoginError status={status} isError={isError} />
           <FormikInput
             name="username"