diff --git a/src/Detail/components/LecueNoteLIstHeader/index.tsx b/src/Detail/components/LecueNoteLIstHeader/index.tsx
index 0a76120a..26d40112 100644
--- a/src/Detail/components/LecueNoteLIstHeader/index.tsx
+++ b/src/Detail/components/LecueNoteLIstHeader/index.tsx
@@ -6,6 +6,7 @@ interface LecueNoteListHeaderProps {
   backgroundColor: string;
   isZigZagView: boolean;
   buttonOnClick: () => void;
+  isEditable: boolean;
 }
 
 function LecueNoteListHeader({
@@ -13,13 +14,18 @@ function LecueNoteListHeader({
   backgroundColor,
   isZigZagView,
   buttonOnClick,
+  isEditable,
 }: LecueNoteListHeaderProps) {
   return (
     <S.LecueNoteListHeaderWrapper backgroundColor={backgroundColor}>
       <S.LecueNoteCountBox
         backgroundColor={backgroundColor}
       >{`${noteNum}개`}</S.LecueNoteCountBox>
-      <S.LecueNoteRenderModeButton type="button" onClick={buttonOnClick}>
+      <S.LecueNoteRenderModeButton
+        type="button"
+        onClick={buttonOnClick}
+        disabled={isEditable}
+      >
         {isZigZagView ? <BtnFloatingList /> : <BtnFloatingPostit />}
       </S.LecueNoteRenderModeButton>
     </S.LecueNoteListHeaderWrapper>
diff --git a/src/Detail/components/LecueNoteListContainer/index.tsx b/src/Detail/components/LecueNoteListContainer/index.tsx
index 76b71b00..ff499986 100644
--- a/src/Detail/components/LecueNoteListContainer/index.tsx
+++ b/src/Detail/components/LecueNoteListContainer/index.tsx
@@ -155,6 +155,7 @@ function LecueNoteListContainer(props: LecueNoteListContainerProps) {
       backgroundColor={backgroundColor}
     >
       <LecueNoteListHeader
+        isEditable={isEditable}
         noteNum={noteNum}
         backgroundColor={backgroundColor}
         isZigZagView={isZigZagView}