diff --git a/components/ui/Alert.tsx b/components/ui/Alert.tsx
index 2b12f128cf..4b2f6adbde 100644
--- a/components/ui/Alert.tsx
+++ b/components/ui/Alert.tsx
@@ -3,7 +3,7 @@ import classNames from "classnames";
 import { ReactNode } from "react";
 
 export interface AlertProps {
-  title: ReactNode;
+  title?: ReactNode;
   message?: ReactNode;
   className?: string;
   severity: "success" | "warning" | "error";
diff --git a/components/ui/alerts/Error.tsx b/components/ui/alerts/Error.tsx
index 76407593f3..5548a510f0 100644
--- a/components/ui/alerts/Error.tsx
+++ b/components/ui/alerts/Error.tsx
@@ -4,5 +4,5 @@ import { Alert } from "../Alert";
  * @deprecated use `<Alert severity="error" message="x" />` instead
  */
 export default function ErrorAlert(props: { message: string; className?: string }) {
-  return <Alert severity="errror" message={props.message} />;
+  return <Alert severity="error" message={props.message} />;
 }