src/editor/bubblemenu/Button.svelte

@@ -38,8 +38,4 @@
   button.active {
     background: var(--accent-bg);
   }
-
-  button :global(svg) {
-    fill: currentColor;
-  }
 </style>

src/editor/menubar/Linking.svelte

@@ -5,6 +5,8 @@
   import LinkIcon from "eva-icons/outline/svg/external-link-outline.svg";
   import InternalLinkIcon from "eva-icons/outline/svg/menu-arrow-outline.svg";
 
+  const svgStyle = "width: 1em; height: 1em";
+
   // /** @type {import("prosemirror-view").EditorView} */
   // export let view;
   /** @type {import("prosemirror-state").EditorState} */
@@ -83,9 +85,9 @@
         target={link.type === "external" ? "_blank" : null}
       >
         {#if link.type === "internal"}
-          <InternalLinkIcon />
+          <InternalLinkIcon style={svgStyle} />
         {:else}
-          <LinkIcon />
+          <LinkIcon style={svgStyle} />
         {/if}
         {link.content}
       </a>
@@ -110,10 +112,8 @@
     color: ButtonText;
     padding: 0.7em 1em;
     margin: 0.3em;
-    display: flex;
-    gap: 0.25em;
-    align-items: center;
     border-radius: 2em;
+    display: block;
     text-decoration: none;
     line-height: 1;
     text-overflow: ellipsis;
@@ -121,10 +121,4 @@
     max-width: 45vw;
     white-space: nowrap;
   }
-
-  .linking :global(svg) {
-    fill: currentColor;
-    width: 1.25em;
-    height: 1.25em;
-  }
 </style>