diff --git a/packages/app/src/Element/Event/Note.css b/packages/app/src/Element/Event/Note.css
index 9bea0b5d4..138ce2369 100644
--- a/packages/app/src/Element/Event/Note.css
+++ b/packages/app/src/Element/Event/Note.css
@@ -1,10 +1,3 @@
-.note {
- min-height: 110px;
- display: flex;
- flex-direction: column;
- gap: 16px;
-}
-
.note > .header .reply {
font-size: 13px;
color: var(--font-secondary-color);
diff --git a/packages/app/src/Element/Event/NoteInner.tsx b/packages/app/src/Element/Event/NoteInner.tsx
index a72757461..bb8a70fe5 100644
--- a/packages/app/src/Element/Event/NoteInner.tsx
+++ b/packages/app/src/Element/Event/NoteInner.tsx
@@ -33,7 +33,7 @@ const TEXT_TRUNCATE_LENGTH = 400;
export function NoteInner(props: NoteProps) {
const { data: ev, related, highlight, options: opt, ignoreModeration = false, className } = props;
- const baseClassName = classNames("note card", className);
+ const baseClassName = classNames("note min-h-[110px] flex flex-col gap-4 card", className);
const navigate = useNavigate();
const [showReactions, setShowReactions] = useState(false);
diff --git a/packages/app/src/Element/Event/NoteQuote.tsx b/packages/app/src/Element/Event/NoteQuote.tsx
index 455031ab7..58b749195 100644
--- a/packages/app/src/Element/Event/NoteQuote.tsx
+++ b/packages/app/src/Element/Event/NoteQuote.tsx
@@ -6,7 +6,12 @@ import PageSpinner from "@/Element/PageSpinner";
export default function NoteQuote({ link, depth }: { link: NostrLink; depth?: number }) {
const ev = useEventFeed(link);
- if (!ev.data) return