diff --git a/src/components/SelectableParagraph.jsx b/src/components/SelectableParagraph.jsx
index 0dba872..d7e21a0 100644
--- a/src/components/SelectableParagraph.jsx
+++ b/src/components/SelectableParagraph.jsx
@@ -12,6 +12,9 @@ const SelectableParagraph = ({ content, surahNo, verseNo, onDetailClick }) => {
   });
 
   const handleTextSelect = (e) => {
+    // e.preventDefault();
+    // e.stopPropagation();
+
     const selection = window.getSelection();
     // console.log('selection', selection.toString());
     if (!selection || selection.toString().trim() === '') {
@@ -29,7 +32,7 @@ const SelectableParagraph = ({ content, surahNo, verseNo, onDetailClick }) => {
         y: rect.bottom
       },
       visible: true
-    });
+    });    
   };
 
   useEffect(() => { 
@@ -92,7 +95,8 @@ const SelectableParagraph = ({ content, surahNo, verseNo, onDetailClick }) => {
       >
         <div
           onMouseUp={handleTextSelect}
-          // style={{ marginBottom: '20px', cursor: 'text' }}
+          onTouchEnd={handleTextSelect}
+          
           onMouseDown={(e) => {
             setSelection(prev => ({ ...prev, visible: false }));
           }}