diff --git a/web/components/title.tsx b/web/components/title.tsx
index 6653a9f1..f08e2b09 100644
--- a/web/components/title.tsx
+++ b/web/components/title.tsx
@@ -4,7 +4,10 @@ export function Title(props: { text: string; className?: string }) {
   const { text, className } = props
   return (
     <h1
-      className={clsx('text-3xl text-indigo-700 inline-block my-6', className)}
+      className={clsx(
+        'sm:text-3xl text-2xl text-indigo-700 inline-block sm:my-6 my-4',
+        className
+      )}
     >
       {text}
     </h1>