From 42bde3873b3594757b19279e2da15d72ee7d6cca Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 14 Dec 2025 23:02:24 +0200
Subject: [PATCH] fix(layout): extra spacing between badges when no custom
 actions are available

---
 apps/client/src/widgets/ribbon/NoteActions.tsx | 2 +-
 apps/client/src/widgets/ribbon/style.css       | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/widgets/ribbon/NoteActions.tsx b/apps/client/src/widgets/ribbon/NoteActions.tsx
index 6d2f46bda..487379f0d 100644
--- a/apps/client/src/widgets/ribbon/NoteActions.tsx
+++ b/apps/client/src/widgets/ribbon/NoteActions.tsx
@@ -32,7 +32,7 @@ export default function NoteActions() {
     const { note, ntxId, noteContext } = useNoteContext();
     return (
         <div className="ribbon-button-container" style={{ contain: "none" }}>
-            {note && <NoteActionsCustom note={note} ntxId={ntxId} />}
+            {note && ntxId && <NoteActionsCustom note={note} ntxId={ntxId} />}
             <MovePaneButton direction="left" />
             <MovePaneButton direction="right" />
             <ClosePaneButton />
diff --git a/apps/client/src/widgets/ribbon/style.css b/apps/client/src/widgets/ribbon/style.css
index f9dfa3b4d..bea93aa50 100644
--- a/apps/client/src/widgets/ribbon/style.css
+++ b/apps/client/src/widgets/ribbon/style.css
@@ -459,7 +459,10 @@ body.experimental-feature-new-layout {
             align-items: center;
             height: 36px;
             gap: var(--button-gap);
-            margin-right: 1em;
+
+            &> button:last-of-type {
+                margin-right: 1em;
+            }
         }
     }
 }