diff --git a/apps/client/src/widgets/NoteDetail.tsx b/apps/client/src/widgets/NoteDetail.tsx
index 03b0b6476..0482d0ddb 100644
--- a/apps/client/src/widgets/NoteDetail.tsx
+++ b/apps/client/src/widgets/NoteDetail.tsx
@@ -225,9 +225,8 @@ function NoteDetailWrapper({ Element, type, isVisible, isFullHeight, props }: {
     const typeMapping = TYPE_MAPPINGS[type];
     return (
         <div
-            className={`${typeMapping.className} ${typeMapping.printable ? "note-detail-printable" : ""}`}
+            className={`${typeMapping.className} ${typeMapping.printable ? "note-detail-printable" : ""} ${isVisible ? "visible" : "hidden-ext"}`}
             style={{
-                display: !isVisible ? "none" : "",
                 height: isFullHeight ? "100%" : ""
             }}
         >