diff --git a/client-solid/src/Containers/LoginModal.tsx b/client-solid/src/Containers/LoginModal.tsx
index 1bbd97d..3c08306 100644
--- a/client-solid/src/Containers/LoginModal.tsx
+++ b/client-solid/src/Containers/LoginModal.tsx
@@ -1,4 +1,4 @@
-import { JSXElement, Show, onCleanup, useContext } from "solid-js";
+import { JSXElement, Show, onCleanup, splitProps, useContext } from "solid-js";
 
 import { LoginForm } from "../Components/Login";
 import { RegisterForm } from "../Components/Register";
@@ -61,10 +61,11 @@ export function LoginModal(): JSXElement {
 }
 
 // Local wrapper component for the login and register forms
-function FormContainer({ children }: { children: JSXElement }): JSXElement {
+function FormContainer(props: { children: JSXElement }): JSXElement {
+  const [local] = splitProps(props, ["children"]);
   return (
     <div class="tab-content rounded-box border-base-300 bg-base-100 p-2 md:p-10">
-      <span class="label-text">{children}</span>
+      <span class="label-text">{local.children}</span>
     </div>
   );
 }