From 8762adacbb94188137509c8a5c8d372f0b0f931c Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Thu, 6 Jun 2024 23:38:18 -0400
Subject: [PATCH] fix: Gap after input prefix in web share settings

---
 app/components/Sharing/Document/PublicAccess.tsx | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/app/components/Sharing/Document/PublicAccess.tsx b/app/components/Sharing/Document/PublicAccess.tsx
index a9fea8f10..c9628b754 100644
--- a/app/components/Sharing/Document/PublicAccess.tsx
+++ b/app/components/Sharing/Document/PublicAccess.tsx
@@ -172,11 +172,9 @@ function PublicAccess({ document, share, sharedParent }: Props) {
             error={validationError}
             defaultValue={urlId}
             prefix={
-              <DomainPrefix
-                readOnly
-                onClick={() => inputRef.current?.focus()}
-                value={env.URL.replace(/https?:\/\//, "") + "/s/"}
-              />
+              <DomainPrefix onClick={() => inputRef.current?.focus()}>
+                {env.URL.replace(/https?:\/\//, "") + "/s/"}
+              </DomainPrefix>
             }
           >
             {copyButton}
@@ -208,9 +206,9 @@ const Wrapper = styled.div`
   margin-bottom: 8px;
 `;
 
-const DomainPrefix = styled(NativeInput)`
+const DomainPrefix = styled.span`
+  padding: 0 2px 0 8px;
   flex: 0 1 auto;
-  padding-right: 0 !important;
   cursor: text;
   color: ${s("placeholder")};
   user-select: none;