diff --git a/docs/src/pages/index.tsx b/docs/src/pages/index.tsx
index 7b5ffba04a..388095ebb0 100644
--- a/docs/src/pages/index.tsx
+++ b/docs/src/pages/index.tsx
@@ -10,10 +10,10 @@ function HomepageHeader() {
       <section className="text-center m-6 p-12 border border-red-400 rounded-[50px] bg-slate-200 dark:bg-immich-dark-gray">
         <img
           src={isDarkTheme ? 'img/immich-logo-stacked-dark.svg' : 'img/immich-logo-stacked-light.svg'}
-          className="md:h-60 h-12 mb-2 antialiased"
+          className="md:h-60 h-44 mb-2 antialiased"
           alt="Immich logo"
         />
-        <div className="sm:text-base md:text-4xl mb-12 sm:leading-tight">
+        <div className="sm:text-2xl text-lg md:text-4xl mb-12 sm:leading-tight">
           <p className="mb-1 font-medium text-immich-primary dark:text-immich-dark-primary">
             Self-hosted photo and <span className="block"></span>
             video management solution<span className="block"></span>