diff --git a/src/components/text/Title.tsx b/src/components/text/Title.tsx
index 0cc373e1..436a2663 100644
--- a/src/components/text/Title.tsx
+++ b/src/components/text/Title.tsx
@@ -3,5 +3,5 @@ export interface TitleProps {
 }
 
 export function Title(props: TitleProps) {
-  return <h1 className="text-4xl font-bold text-white">{props.children}</h1>;
+  return <h1 className="text-2xl sm:text-3xl md:text-4xl font-bold text-white">{props.children}</h1>;
 }