1 files changed, 1 insertions, 9 deletions
diff --git a/src/components/InputTypes/TextArea.tsx b/src/components/InputTypes/TextArea.tsx
index a09ce8a..6729499 100644
--- a/src/components/InputTypes/TextArea.tsx
+++ b/src/components/InputTypes/TextArea.tsx
@@ -1,9 +1,8 @@
 /** @jsx jsx */
 import { jsx, css } from "@emotion/react";
 import React, { ChangeEvent } from "react";
-import { textInputs } from "../../commonStyles";
+import { invalidStyles, textInputs } from "../../commonStyles";
 import ErrorMessage from "../ErrorMessage";
-import colors from "../../colors";
 
 interface TextAreaProps {
     handler: (event: ChangeEvent<HTMLTextAreaElement>) => void,
@@ -21,13 +20,6 @@ const styles = css`
   padding: 1rem;
 `;
 
-const invalidStyles = css`
-  .invalid-box {
-    box-shadow: 0 0 10px ${colors.error};
-    border: none;
-  }
-`;
-
 export default function TextArea(props: TextAreaProps): JSX.Element {
     return (
         <div css={invalidStyles}>