diff --git a/app/src/frontend/components/flash-message.tsx b/app/src/frontend/components/flash-message.tsx
new file mode 100644
index 0000000..3e7fad5
--- /dev/null
+++ b/app/src/frontend/components/flash-message.tsx
@@ -0,0 +1,7 @@
+const FlashMessage = (props: { message: string, severity?: string }) => {
+  return (
+    <div class="flash-message {props.severity ?? null}">
+      <span>{props.message}</span>
+    </div>
+  )
+};
diff --git a/app/src/frontend/components/error-message.tsx b/app/src/frontend/components/form/error-message.tsx
similarity index 100%
rename from app/src/frontend/components/error-message.tsx
rename to app/src/frontend/components/form/error-message.tsx
diff --git a/app/src/frontend/components/login-form.tsx b/app/src/frontend/components/form/login-form.tsx
similarity index 100%
rename from app/src/frontend/components/login-form.tsx
rename to app/src/frontend/components/form/login-form.tsx
diff --git a/app/src/frontend/components/register-form.tsx b/app/src/frontend/components/form/register-form.tsx
similarity index 100%
rename from app/src/frontend/components/register-form.tsx
rename to app/src/frontend/components/form/register-form.tsx