diff --git a/resources/assets/js/mixins/global.js b/resources/assets/js/mixins/global.js
index bda5c40f9..1ee9f731a 100644
--- a/resources/assets/js/mixins/global.js
+++ b/resources/assets/js/mixins/global.js
@@ -617,11 +617,12 @@ export default {
                         },
 
                         methods: {
-                            onCopyLink(event) {
+                            onCopyLink() {
                                 let type = 'success';
-                                let copyText = document.querySelector('#dynamic-share-component #hidden-share');
-                                copyText.select();
-                                document.execCommand("copy");
+                                let copy_html = document.getElementById('share');
+
+                                copy_html.select();
+                                document.execCommand('copy');
 
                                 this.$notify({
                                     message: this.share.success_message,
diff --git a/resources/views/modals/invoices/share.blade.php b/resources/views/modals/invoices/share.blade.php
index 2e0d4ceb4..ab1a34f06 100644
--- a/resources/views/modals/invoices/share.blade.php
+++ b/resources/views/modals/invoices/share.blade.php
@@ -5,14 +5,13 @@
         </div>
 
         <div class="my-3">
-            <x-form.input.text
+            <x-form.input.input
                 name="share"
                 value="{{ $signedUrl }}"
                 ref="clone"
                 @click="onCopyLink()"
                 class="bg-gray-100 appearance-none border-2 border-gray-100 rounded w-full py-2 px-4 text-gray-700 leading-tight cursor-pointer focus:outline-none focus:ring-transparent focus:border-transparent"
             />
-            <x-form.input.hidden name="hidden-share" value="{{ $signedUrl }}" />
 
             <div data-copied class="hidden h-10 items-center justify-center">
                 <span