diff --git a/src/assets/oruga-tailwindcss.css b/src/assets/oruga-tailwindcss.css
index 0d5941ebe..8aa088cb8 100644
--- a/src/assets/oruga-tailwindcss.css
+++ b/src/assets/oruga-tailwindcss.css
@@ -8,7 +8,7 @@ body {
 
 /* Button */
 .btn {
-  @apply font-bold py-2 px-4 bg-mbz-bluegreen hover:bg-mbz-bluegreen-600 text-white rounded h-10 outline-none focus:ring ring-offset-1 ring-offset-slate-50 ring-blue-300;
+  @apply font-bold py-2 px-4 bg-mbz-bluegreen hover:bg-mbz-bluegreen-600 text-white rounded outline-none focus:ring ring-offset-1 ring-offset-slate-50 ring-blue-300;
 }
 .btn:hover {
   @apply text-slate-200;
diff --git a/src/components/Share/ShareModal.vue b/src/components/Share/ShareModal.vue
index 1b223270d..81fb5d8ef 100644
--- a/src/components/Share/ShareModal.vue
+++ b/src/components/Share/ShareModal.vue
@@ -7,7 +7,7 @@
     <section class="flex">
       <div class="w-full">
         <slot></slot>
-        <o-field :label="inputLabel" label-for="url-text">
+        <o-field addons :label="inputLabel" label-for="url-text">
           <o-input id="url-text" ref="URLInput" :modelValue="url" expanded />
           <p class="control">
             <o-tooltip
@@ -159,10 +159,10 @@ const mastodonShare = computed((): string | undefined =>
   mastodonShareUrl(props.url, props.text)
 );
 
-const copyURL = (): void => {
-  URLInput.value?.$refs.inputRef.select();
-  document.execCommand("copy");
+const copyURL = async () => {
+  await navigator.clipboard.writeText(props.url);
   showCopiedTooltip.value = true;
+
   setTimeout(() => {
     showCopiedTooltip.value = false;
   }, 2000);