From 7c32dd53c4e39e4a2b0cf14b8ae40b6e47fbf083 Mon Sep 17 00:00:00 2001
From: Puyodead1 <puyodead@protonmail.com>
Date: Sat, 12 Aug 2023 09:55:20 -0400
Subject: [PATCH] fix?

---
 src/components/modals/JoinServerModal.tsx | 23 ++---------------------
 1 file changed, 2 insertions(+), 21 deletions(-)

diff --git a/src/components/modals/JoinServerModal.tsx b/src/components/modals/JoinServerModal.tsx
index 3917ee5a..f2d6c58e 100644
--- a/src/components/modals/JoinServerModal.tsx
+++ b/src/components/modals/JoinServerModal.tsx
@@ -6,7 +6,7 @@ import styled from "styled-components";
 import useLogger from "../../hooks/useLogger";
 import { useAppStore } from "../../stores/AppStore";
 import { messageFromFieldError } from "../../utils/messageFromFieldError";
-import { InputErrorText, LabelWrapper } from "../AuthComponents";
+import { Input, InputErrorText, InputLabel, InputWrapper, LabelWrapper } from "../AuthComponents";
 import { Divider } from "../Divider";
 import Icon from "../Icon";
 import AddServerModal from "./AddServerModal";
@@ -25,30 +25,11 @@ export const ModalHeader = styled.div`
 	padding: 16px;
 `;
 
-const Input = styled.input`
-	border-radius: 8px;
-	padding: 10px;
-	margin-bottom: 10px;
-	border: none;
-	outline: none;
-	cursor: text;
-	font-size: 16px;
-	font-weight: 500;
-	color: var(--text);
-	background-color: var(--background-primary);
-`;
-
 const InviteInputContainer = styled.div`
 	display: flex;
 	flex-direction: column;
 `;
 
-const FormLabel = styled.label`
-	margin-bottom: 8px;
-	font-size: 16px;
-	color: var(--text-header-secondary);
-`;
-
 type FormValues = {
 	code: string;
 };
@@ -144,7 +125,7 @@ function JoinServerModal() {
 					<form>
 						<InviteInputContainer>
 							<LabelWrapper error={!!errors.code}>
-								<FormLabel>Invite Link</FormLabel>
+								<InputLabel>Invite Link</InputLabel>
 
 								{errors.code && (
 									<InputErrorText>