diff --git a/resources/views/server-settings/index.blade.php b/resources/views/server-settings/index.blade.php
index fdc8506..aa9f760 100644
--- a/resources/views/server-settings/index.blade.php
+++ b/resources/views/server-settings/index.blade.php
@@ -14,14 +14,21 @@
                     <x-input-label for="pk">
                         {{ __("Public Key") }}
                     </x-input-label>
-                    <x-input-label class="cursor-pointer" x-data="{ copied: false }">
+                    <x-input-label
+                        class="cursor-pointer"
+                        x-data="{ copied: false }"
+                        id="public-key"
+                        data-public-key="{{ $server->public_key }}"
+                    >
                         <div x-show="copied" class="flex items-center">
                             {{ __("Copied") }}
                         </div>
                         <div
                             x-show="!copied"
                             x-on:click="
-                                window.copyToClipboard('{{ $server->public_key }}')
+                                window.copyToClipboard(
+                                    document.getElementById('public-key').getAttribute('data-public-key'),
+                                )
                                 copied = true
                                 setTimeout(() => {
                                     copied = false
diff --git a/resources/views/servers/partials/public-key.blade.php b/resources/views/servers/partials/public-key.blade.php
index 5bb5bc0..457fa28 100644
--- a/resources/views/servers/partials/public-key.blade.php
+++ b/resources/views/servers/partials/public-key.blade.php
@@ -18,7 +18,12 @@ class="rounded-sm border-l-4 border-yellow-500 bg-yellow-100 px-4 py-3 text-yell
         <x-input-label for="pk">
             {{ __("Run this command on your server as root user") }}
         </x-input-label>
-        <x-input-label class="cursor-pointer" x-data="{ copied: false }">
+        <x-input-label
+            class="cursor-pointer"
+            x-data="{ copied: false }"
+            id="public-key"
+            data-clipboard="mkdir -p /root/.ssh && touch /root/.ssh/authorized_keys && echo '{{ $key }}' >> /root/.ssh/authorized_keys"
+        >
             <div x-show="copied" class="flex items-center">
                 {{ __("Copied") }}
             </div>
@@ -26,7 +31,7 @@ class="rounded-sm border-l-4 border-yellow-500 bg-yellow-100 px-4 py-3 text-yell
                 x-show="!copied"
                 x-on:click="
                     window.copyToClipboard(
-                        'mkdir -p /root/.ssh && touch /root/.ssh/authorized_keys && echo \'{{ $key }}\' >> /root/.ssh/authorized_keys',
+                        document.getElementById('public-key').getAttribute('data-clipboard'),
                     )
                     copied = true
                     setTimeout(() => {