From 04b4fa1d022e230f6c94a4621995078f601ce13c Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Wed, 7 Aug 2024 22:56:47 +0800
Subject: [PATCH] chore: tweak icon button container

---
 .../MemoEditor/ActionButton/AddMemoRelationPopover.tsx        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/MemoEditor/ActionButton/AddMemoRelationPopover.tsx b/web/src/components/MemoEditor/ActionButton/AddMemoRelationPopover.tsx
index a2ece33f0..ac8d6d837 100644
--- a/web/src/components/MemoEditor/ActionButton/AddMemoRelationPopover.tsx
+++ b/web/src/components/MemoEditor/ActionButton/AddMemoRelationPopover.tsx
@@ -126,7 +126,7 @@ const AddMemoRelationPopover = (props: Props) => {
   return (
     <Popover open={popoverOpen} onOpenChange={setPopoverOpen}>
       <PopoverTrigger>
-        <IconButton size="sm">
+        <IconButton size="sm" component="div">
           <Icon.Link className="w-5 h-5 mx-auto" />
         </IconButton>
       </PopoverTrigger>
@@ -171,7 +171,7 @@ const AddMemoRelationPopover = (props: Props) => {
           <div className="mt-2">
             <Checkbox size="sm" label={t("reference.embedded-usage")} checked={embedded} onChange={(e) => setEmbedded(e.target.checked)} />
           </div>
-          <div className="mt-2 w-full flex flex-row justify-start items-center space-x-1">
+          <div className="mt-1 w-full flex flex-row justify-start items-center space-x-1">
             <Button size="sm" onClick={addMemoRelations} disabled={selectedMemos.length === 0}>
               {t("common.confirm")}
             </Button>