diff --git a/src/TafsirQuran.UI/Components/PlayerToc.razor b/src/TafsirQuran.UI/Components/PlayerToc.razor
index e9abff7..5e15fa3 100644
--- a/src/TafsirQuran.UI/Components/PlayerToc.razor
+++ b/src/TafsirQuran.UI/Components/PlayerToc.razor
@@ -5,7 +5,7 @@
 {
     <div class="toc-sheet" dir="rtl" @key="tocKey">
         <div class="toc-header">
-            <button type="button" class="sheet-icon-btn toc-back" @onclick="Close" aria-label="بازگشت">‹</button>
+            <button type="button" class="back-btn toc-back" @onclick="Close" aria-label="بازگشت">‹</button>
             <div class="toc-header-text">
                 <strong>سوره @Session.SurahNameFa</strong>
                 <span class="muted">@Session.TafsirTitle</span>
diff --git a/src/TafsirQuran.UI/Pages/TafsirPage.razor b/src/TafsirQuran.UI/Pages/TafsirPage.razor
index 47f8a86..3440dde 100644
--- a/src/TafsirQuran.UI/Pages/TafsirPage.razor
+++ b/src/TafsirQuran.UI/Pages/TafsirPage.razor
@@ -14,6 +14,7 @@
         }
         else
         {
+            <button type="button" class="back-btn" @onclick="GoBack" aria-label="بازگشت">‹</button>
             <h1 class="page-title-inline">
                 <span>@title</span>
                 @if (!string.IsNullOrWhiteSpace(author))
@@ -21,7 +22,6 @@
                     <span class="title-author">(@author)</span>
                 }
             </h1>
-            <button type="button" class="back-btn" @onclick="GoBack" aria-label="بازگشت">←</button>
         }
     </header>
 
diff --git a/src/TafsirQuran.UI/wwwroot/css/app.css b/src/TafsirQuran.UI/wwwroot/css/app.css
index 7ebeff2..8d4f3ba 100644
--- a/src/TafsirQuran.UI/wwwroot/css/app.css
+++ b/src/TafsirQuran.UI/wwwroot/css/app.css
@@ -282,12 +282,19 @@ button, input { font: inherit; }
 .chip:disabled { opacity: 0.45; cursor: default; }
 
 .page-header-row {
-  display: flex; align-items: center; justify-content: space-between; gap: 0.75rem;
+  display: grid;
+  grid-template-columns: 44px 1fr;
+  align-items: center;
+  gap: 0.75rem;
   margin-bottom: 1rem;
+  direction: ltr; /* back button physical left, like TOC */
 }
 .page-title-inline {
   margin: 0; font-size: clamp(1.15rem, 3.5vw, 1.45rem); font-weight: 700;
   display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.35rem;
+  direction: rtl;
+  text-align: right;
+  justify-content: flex-start;
 }
 .title-author { font-weight: 500; color: var(--muted); font-size: 0.92em; }
 .back-btn,
@@ -300,11 +307,11 @@ button, input { font: inherit; }
   background: #fff;
   box-shadow: 0 2px 8px rgba(28, 43, 36, 0.08);
   cursor: pointer;
-  color: var(--brand-deep);
+  color: #1c2b24;
   display: grid; place-items: center;
-  font-size: 1.35rem; line-height: 1;
+  font-size: 1.45rem; line-height: 1;
+  padding: 0;
 }
-.back-btn { width: 52px; height: 52px; border-radius: 14px; font-size: 1.6rem; }
 .icon-chip.on,
 .sheet-action.on .sheet-action-icon {
   background: var(--brand); color: #fff; border-color: var(--brand);