diff --git a/src/features/sidebar/Sidebar.tsx b/src/features/sidebar/Sidebar.tsx
index f42ca09..bba0b62 100644
--- a/src/features/sidebar/Sidebar.tsx
+++ b/src/features/sidebar/Sidebar.tsx
@@ -50,7 +50,7 @@ export const Sidebar = ({
           />
 
           {/* 메인 메뉴 영역 (고정) */}
-          <nav className="mb-[52px] flex w-[240px] shrink-0 flex-col gap-[12px] py-3">
+          <nav className="mb-[24px] flex w-[240px] shrink-0 flex-col gap-[12px] py-3">
             <NavItem
               to="/app/home"
               icon={HomeIcon}
diff --git a/src/features/sidebar/components/RecentNotes.tsx b/src/features/sidebar/components/RecentNotes.tsx
index b37214f..aa72044 100644
--- a/src/features/sidebar/components/RecentNotes.tsx
+++ b/src/features/sidebar/components/RecentNotes.tsx
@@ -1,4 +1,5 @@
 import { useState, useRef, useEffect } from "react";
+import { createPortal } from "react-dom";
 import {
   useInfiniteNoteList,
   useDeleteNote,
@@ -193,42 +194,44 @@ export const RecentNotes = ({ isCollapsed }: RecentNotesProps) => {
         </ul>
       </div>
 
-      {/* 단건 삭제 확인 모달 */}
-      {deleteTargetId !== null && (
-        <div
-          className="fixed inset-0 z-50 flex items-center justify-center bg-[#00000033]"
-          onClick={(e) => {
-            if (e.target === e.currentTarget && !isDeleting) {
-              setDeleteTargetId(null);
-            }
-          }}
-        >
-          <div className="w-[360px] rounded-[20px] bg-white px-8 py-8 shadow-[0px_10px_40px_rgba(0,0,0,0.1)]">
-            <h2 className="text-center text-[22px] leading-[32px] font-semibold text-black">
-              이 노트를 삭제하시겠습니까?
-            </h2>
-            <p className="mt-3 text-center text-[15px] text-[#00000066]">
-              삭제된 노트는 복구가 불가능합니다.
-            </p>
-            <div className="mt-6 flex gap-3">
-              <button
-                onClick={() => setDeleteTargetId(null)}
-                disabled={isDeleting}
-                className="flex h-[48px] flex-1 items-center justify-center rounded-[16px] border border-[#D1D6DE] bg-[#F1F4F8] text-[16px] font-semibold text-[#6B7280] disabled:opacity-50"
-              >
-                취소
-              </button>
-              <button
-                onClick={handleDeleteConfirm}
-                disabled={isDeleting}
-                className="flex h-[48px] flex-1 items-center justify-center rounded-[16px] bg-[#2A6AFF] text-[16px] font-semibold text-white disabled:opacity-70"
-              >
-                {isDeleting ? "삭제 중..." : "삭제"}
-              </button>
+      {/* 단건 삭제 확인 모달 — portal로 body에 마운트해 stacking context 우회 */}
+      {deleteTargetId !== null &&
+        createPortal(
+          <div
+            className="fixed inset-0 z-[9999] flex items-center justify-center bg-[#00000033]"
+            onClick={(e) => {
+              if (e.target === e.currentTarget && !isDeleting) {
+                setDeleteTargetId(null);
+              }
+            }}
+          >
+            <div className="w-[360px] rounded-[20px] bg-white px-8 py-8 shadow-[0px_10px_40px_rgba(0,0,0,0.1)]">
+              <h2 className="text-center text-[22px] leading-[32px] font-semibold text-black">
+                이 노트를 삭제하시겠습니까?
+              </h2>
+              <p className="mt-3 text-center text-[15px] text-[#00000066]">
+                삭제된 노트는 복구가 불가능합니다.
+              </p>
+              <div className="mt-6 flex gap-3">
+                <button
+                  onClick={() => setDeleteTargetId(null)}
+                  disabled={isDeleting}
+                  className="flex h-[48px] flex-1 items-center justify-center rounded-[16px] border border-[#D1D6DE] bg-[#F1F4F8] text-[16px] font-semibold text-[#6B7280] disabled:opacity-50"
+                >
+                  취소
+                </button>
+                <button
+                  onClick={handleDeleteConfirm}
+                  disabled={isDeleting}
+                  className="flex h-[48px] flex-1 items-center justify-center rounded-[16px] bg-[#2A6AFF] text-[16px] font-semibold text-white disabled:opacity-70"
+                >
+                  {isDeleting ? "삭제 중..." : "삭제"}
+                </button>
+              </div>
             </div>
-          </div>
-        </div>
-      )}
+          </div>,
+          document.body,
+        )}
     </>
   );
 };
diff --git a/src/features/sidebar/components/SidebarNoteItem.tsx b/src/features/sidebar/components/SidebarNoteItem.tsx
index c3860b8..c53a761 100644
--- a/src/features/sidebar/components/SidebarNoteItem.tsx
+++ b/src/features/sidebar/components/SidebarNoteItem.tsx
@@ -90,8 +90,10 @@ export const SidebarNoteItem = ({
           to={`/app/chat/${note.noteId}`}
           state={{ chatEntrySource: "sidebar-recent-notes" }}
           className={({ isActive }) =>
-            `block truncate rounded-lg py-[6px] pr-[28px] pl-[12px] text-[16px] leading-[24px] font-normal text-[#6B7280] transition-colors ${
-              isActive ? "mr-[-6px] bg-[#EBEBEB]" : "hover:bg-[#F5F5F5]"
+            `block truncate rounded-lg py-[3px] pr-[28px] pl-[12px] text-[16px] leading-[24px] transition-colors ${
+              isActive
+                ? "mr-[-6px] bg-[#EBEBEB] font-medium text-black"
+                : "font-normal text-[#6B7280] hover:text-black"
             }`
           }
         >
@@ -102,7 +104,7 @@ export const SidebarNoteItem = ({
       {!isRenaming && (
         <div
           ref={menuRef}
-          className="absolute top-1/2 right-1 -translate-y-1/2"
+          className="absolute top-1/2 right-[-6px] -translate-y-1/2"
         >
           <button
             onClick={(e) => {
@@ -142,25 +144,25 @@ export const SidebarNoteItem = ({
           </button>
 
           {isMenuOpen && (
-            <div className="absolute top-full right-0 z-50 mt-1 w-[120px] rounded-lg border border-[#E3E7ED] bg-white py-1 shadow-lg">
+            <div className="absolute top-full right-0 z-50 mt-1 flex w-[105px] flex-col items-center rounded-[8px] border-[0.5px] border-[#D1D6DE] bg-white p-[8px] shadow-[4px_4px_20px_0px_rgba(0,0,0,0.05)]">
               <button
                 onClick={() => {
                   setTitleInput(note.title);
                   setIsRenaming(true);
                   setIsMenuOpen(false);
                 }}
-                className="w-full px-3 py-[6px] text-left text-[13px] text-[#454545] hover:bg-[#F5F5F5]"
+                className="w-full rounded px-3 py-[6px] text-center text-[13px] leading-[24px] font-normal text-[#6B7280] transition-colors hover:text-black active:font-medium active:text-black"
               >
-                이름 변경
+                수정하기
               </button>
               <button
                 onClick={() => {
                   onDeleteRequest();
                   setIsMenuOpen(false);
                 }}
-                className="w-full px-3 py-[6px] text-left text-[13px] text-red-500 hover:bg-[#FFF5F5]"
+                className="w-full rounded px-3 py-[6px] text-center text-[13px] leading-[24px] font-normal text-[#6B7280] transition-colors hover:text-black active:font-medium active:text-black"
               >
-                삭제
+                삭제하기
               </button>
             </div>
           )}
diff --git a/src/features/sidebar/components/SidebarProfile.tsx b/src/features/sidebar/components/SidebarProfile.tsx
index e2e9201..3e0c2b9 100644
--- a/src/features/sidebar/components/SidebarProfile.tsx
+++ b/src/features/sidebar/components/SidebarProfile.tsx
@@ -87,7 +87,7 @@ export const SidebarProfile = ({
 
         {/* 유저 행 - UserIcon은 absolute로 분리해 깜빡임 방지, 여기선 spacer만 */}
         <div
-          className="ml-[18px] flex w-[200px] cursor-pointer items-center justify-between rounded-[12px] py-1 pr-2 transition-colors hover:bg-gray-100"
+          className="ml-[16px] flex w-[200px] cursor-pointer items-center justify-between rounded-[12px] py-1 pr-2 transition-colors hover:bg-gray-100"
           onClick={onSettingsClick}
         >
           <div className="flex items-center gap-2">
@@ -132,7 +132,7 @@ export const SidebarProfile = ({
       {/* ── UserIcon 단독 고정 (opacity 전환 없이 항상 동일 위치) ── */}
       <button
         type="button"
-        className="absolute bottom-[24px] left-[18px] cursor-pointer border-none bg-transparent p-0"
+        className="absolute bottom-[24px] left-[16px] cursor-pointer border-none bg-transparent p-0"
         onMouseEnter={() => setIsUserIconHovered(true)}
         onMouseLeave={() => setIsUserIconHovered(false)}
         onClick={(e) => {