diff --git a/src/renderer/features/shared/components/library-header.module.css b/src/renderer/features/shared/components/library-header.module.css
index ba97889e1..84bf3f0eb 100644
--- a/src/renderer/features/shared/components/library-header.module.css
+++ b/src/renderer/features/shared/components/library-header.module.css
@@ -99,15 +99,18 @@
 .title {
     display: flex;
     align-items: center !important;
-    margin: var(--theme-spacing-sm) 0;
+    height: 150px;
+    margin: 0;
     overflow: hidden;
     -webkit-line-clamp: 2;
     line-clamp: 2;
-    font-size: 2rem;
-    font-weight: 800;
     line-height: 1.2;
     color: var(--theme-colors-foreground);
     -webkit-box-orient: vertical;
+
+    @container (min-width: $mantine-breakpoint-sm) {
+        height: 90px;
+    }
 }
 
 .library-header-menu {
diff --git a/src/renderer/features/shared/components/library-header.tsx b/src/renderer/features/shared/components/library-header.tsx
index e4fa2a88e..603fd9ba6 100644
--- a/src/renderer/features/shared/components/library-header.tsx
+++ b/src/renderer/features/shared/components/library-header.tsx
@@ -118,7 +118,7 @@ export const LibraryHeader = forwardRef(
                             {itemTypeString()}
                         </Text>
                         <h1 className={styles.title}>
-                            <AutoTextSize maxFontSizePx={80} minFontSizePx={32} mode="box">
+                            <AutoTextSize maxFontSizePx={72} mode="box">
                                 {title}
                             </AutoTextSize>
                         </h1>