diff --git a/lib/pdf-page.tsx b/lib/pdf-page.tsx
index 4502e02d..e6e4eb16 100644
--- a/lib/pdf-page.tsx
+++ b/lib/pdf-page.tsx
@@ -35,11 +35,12 @@ const styles = StyleSheet.create({
   hero: {
     backgroundColor: C.white,
     paddingTop: 24,
-    paddingBottom: 0,
+    paddingBottom: 20,
     paddingHorizontal: MARGIN,
     marginBottom: 20,
     position: 'relative',
-    borderBottomWidth: 0,
+    borderBottomWidth: 1,
+    borderBottomColor: C.gray200,
   },
 
   header: {
@@ -65,17 +66,15 @@ const styles = StyleSheet.create({
     textTransform: 'uppercase',
   },
 
-  // Content Area
-  content: {
-    paddingHorizontal: MARGIN,
+  productHero: {
+    marginTop: 0,
   },
 
   pageTitle: {
     fontSize: 24,
     fontWeight: 700,
     color: C.navyDeep,
-    marginBottom: 8,
-    marginTop: 10,
+    marginBottom: 0,
     textTransform: 'uppercase',
     letterSpacing: -0.5,
   },
@@ -84,10 +83,15 @@ const styles = StyleSheet.create({
     width: 30,
     height: 3,
     backgroundColor: C.accent,
-    marginBottom: 20,
+    marginTop: 8,
     borderRadius: 1.5,
   },
 
+  // Content Area
+  content: {
+    paddingHorizontal: MARGIN,
+  },
+
   // Lexical Elements
   paragraph: {
     fontSize: 10,
@@ -298,12 +302,14 @@ export const PDFPage: React.FC<PDFPageProps> = ({ page, locale = 'de' }) => {
             </View>
             <Text style={styles.docTitle}>{locale === 'en' ? 'Document' : 'Dokument'}</Text>
           </View>
+
+          <View style={styles.productHero}>
+            <Text style={styles.pageTitle}>{page.title}</Text>
+            <View style={styles.accentBar} />
+          </View>
         </View>
 
         <View style={styles.content}>
-          <Text style={styles.pageTitle}>{page.title}</Text>
-          <View style={styles.accentBar} />
-
           <View>
             {page.content?.root?.children?.map((node: any, i: number) =>
               renderLexicalNode(node, i),