From ac600a530960c848a2abb1ec565ec6c173d4e28b Mon Sep 17 00:00:00 2001
From: Oleg <67059482+OlegDev1@users.noreply.github.com>
Date: Thu, 27 Mar 2025 04:22:53 +0100
Subject: [PATCH] fix(editor): ui and edgeless bugs (#11087)

Co-authored-by: Mirone <Saul-Mirone@outlook.com>
---
 .../block-bookmark/src/components/bookmark-card.ts  | 13 +++++++++----
 .../affine/blocks/block-bookmark/src/styles.ts      |  8 +++++---
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/blocksuite/affine/blocks/block-bookmark/src/components/bookmark-card.ts b/blocksuite/affine/blocks/block-bookmark/src/components/bookmark-card.ts
index 098b38899d..0f052b4d51 100644
--- a/blocksuite/affine/blocks/block-bookmark/src/components/bookmark-card.ts
+++ b/blocksuite/affine/blocks/block-bookmark/src/components/bookmark-card.ts
@@ -125,10 +125,15 @@ export class BookmarkCard extends WithDisposable(ShadowlessElement) {
           <div class="affine-bookmark-content-description">
             ${descriptionText}
           </div>
-          <div class="affine-bookmark-content-url" @click=${this.bookmark.open}>
-            <span>${getHostName(url)}</span>
-            <div class="affine-bookmark-content-url-icon">
-              ${OpenInNewIcon({ width: '12', height: '12' })}
+          <div
+            class="affine-bookmark-content-url-wrapper"
+            @click=${this.bookmark.open}
+          >
+            <div class="affine-bookmark-content-url">
+              <span>${getHostName(url)}</span>
+              <div class="affine-bookmark-content-url-icon">
+                ${OpenInNewIcon({ width: '12', height: '12' })}
+              </div>
             </div>
           </div>
         </div>
diff --git a/blocksuite/affine/blocks/block-bookmark/src/styles.ts b/blocksuite/affine/blocks/block-bookmark/src/styles.ts
index cde0bc8621..859753ccbb 100644
--- a/blocksuite/affine/blocks/block-bookmark/src/styles.ts
+++ b/blocksuite/affine/blocks/block-bookmark/src/styles.ts
@@ -108,7 +108,6 @@ export const styles = css`
     gap: 4px;
     width: max-content;
     max-width: 100%;
-    cursor: pointer;
   }
 
   .affine-bookmark-content-url > span {
@@ -226,9 +225,12 @@ export const styles = css`
       max-height: 120px;
     }
 
-    .affine-bookmark-content-url {
-      flex-grow: 1;
+    .affine-bookmark-content-url-wrapper {
+      max-width: fit-content;
+      display: flex;
       align-items: flex-end;
+      flex-grow: 1;
+      cursor: pointer;
     }
 
     .affine-bookmark-banner {