From ecc5b5e503918a41a8663ced506f373010477a5e Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Thu, 13 Jul 2023 15:46:29 +0530
Subject: [PATCH] chore: make modal header text unselectable

---
 .../src/javascripts/Components/Modal/MobileModalHeader.tsx  | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/javascripts/Components/Modal/MobileModalHeader.tsx b/packages/web/src/javascripts/Components/Modal/MobileModalHeader.tsx
index e8bc7426d..70dcef312 100644
--- a/packages/web/src/javascripts/Components/Modal/MobileModalHeader.tsx
+++ b/packages/web/src/javascripts/Components/Modal/MobileModalHeader.tsx
@@ -7,7 +7,11 @@ type Props = {
 }
 
 const MobileModalHeader = ({ className, children }: Props) => {
-  return <div className={classNames('grid w-full grid-cols-[0.35fr_1fr_0.35fr] gap-2', className)}>{children}</div>
+  return (
+    <div className={classNames('grid w-full select-none grid-cols-[0.35fr_1fr_0.35fr] gap-2', className)}>
+      {children}
+    </div>
+  )
 }
 
 export default MobileModalHeader