diff --git a/frontend/src/components/BibleReader.tsx b/frontend/src/components/BibleReader.tsx
index 36f3062d..f4ab18d8 100644
--- a/frontend/src/components/BibleReader.tsx
+++ b/frontend/src/components/BibleReader.tsx
@@ -317,7 +317,7 @@ const BibleReader: React.FC<BibleReaderProps> = ({ book, chapter, onBack, format
       </div>
 
       {/* Breadcrumb Navigation */}
-      <div className="flex items-center justify-center space-x-1 mb-8">
+      <div className="flex items-center justify-center space-x-1 mb-4">
         <button
           onClick={() => window.location.href = `/version/${version}`}
           className="flex items-center space-x-1 text-sm text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
diff --git a/frontend/src/components/ChapterSelector.tsx b/frontend/src/components/ChapterSelector.tsx
index 1386996f..d6fc90f6 100644
--- a/frontend/src/components/ChapterSelector.tsx
+++ b/frontend/src/components/ChapterSelector.tsx
@@ -160,7 +160,7 @@ const ChapterSelector: React.FC<ChapterSelectorProps> = ({ book, onChapterSelect
       </div>
 
       {/* Breadcrumb Navigation */}
-      <div className="flex items-center justify-center space-x-1 mb-8">
+      <div className="flex items-center justify-center space-x-1 mb-4">
         <button
           onClick={() => window.location.href = `/version/${version}`}
           className="flex items-center space-x-1 text-sm text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"