diff --git a/apps/readest-app/src/app/reader/components/BooksGrid.tsx b/apps/readest-app/src/app/reader/components/BooksGrid.tsx
index 248114d8..6c5caa85 100644
--- a/apps/readest-app/src/app/reader/components/BooksGrid.tsx
+++ b/apps/readest-app/src/app/reader/components/BooksGrid.tsx
@@ -80,7 +80,6 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
               onSetSettingsDialogOpen={setFontLayoutSettingsDialogOpen}
             />
             <FoliateViewer bookKey={bookKey} bookDoc={bookDoc} config={config} />
-            <FootnotePopup bookKey={bookKey} bookDoc={bookDoc} />
             {viewSettings.vertical && viewSettings.scrolled && (
               <>
                 <div
@@ -138,6 +137,7 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
               />
             )}
             <Annotator bookKey={bookKey} />
+            <FootnotePopup bookKey={bookKey} bookDoc={bookDoc} />
             <FooterBar
               bookKey={bookKey}
               bookFormat={book.format}
diff --git a/apps/readest-app/src/services/transformers/punctuation.ts b/apps/readest-app/src/services/transformers/punctuation.ts
index ea07aa2d..bfed3698 100644
--- a/apps/readest-app/src/services/transformers/punctuation.ts
+++ b/apps/readest-app/src/services/transformers/punctuation.ts
@@ -1,25 +1,10 @@
 import type { Transformer } from './types';
 
 const punctuationMap: Record<string, string> = {
-  '，': '︐', // full-width comma
-  '。': '︒', // full stop
-  '、': '︑', // enumeration comma
-  '：': '︓', // colon
-  '；': '︔', // semicolon
-  '！': '︕', // exclamation
-  '？': '︖', // question
-  '（': '︵',
-  '）': '︶',
-  '《': '︽',
-  '》': '︾',
-  '「': '﹁',
-  '」': '﹂',
-  '『': '﹃',
-  '』': '﹄',
-  '“': '﹁',
-  '”': '﹂',
-  '‘': '﹃',
-  '’': '﹄',
+  '“': '﹃',
+  '”': '﹄',
+  '‘': '﹁',
+  '’': '﹂',
 };
 
 export const punctuationTransformer: Transformer = {