diff --git a/src/components/NoteCard.tsx b/src/components/NoteCard.tsx
index 590e8ad..1e1c82d 100644
--- a/src/components/NoteCard.tsx
+++ b/src/components/NoteCard.tsx
@@ -129,7 +129,7 @@ export function NoteCard({ key: itemKey, data: item }: NoteCard.NoteCardProps) {
     <div
       onmousedown={_handleFocusCard}
       style={cardPositionStyle}
-      className="overflow-hidden text-[#333] dark:bg-[#1a1a1a] dark:border-[#1c1c1c] bg-[#eee] select-none transition flex flex-col justify-stretch shadow-md rounded border border-[#ddd] absolute"
+      className="overflow-hidden text-[#333] dark:bg-[#1a1a1a] dark:border-[#1c1c1c] bg-[#efeff0] select-none transition flex flex-col justify-stretch shadow-md rounded border border-[#ddd] absolute"
     >
       <div className="overflow-hidden flex-1 flex flex-col gap-1">
         {/* Header Bar */}
diff --git a/src/components/TextItem.tsx b/src/components/TextItem.tsx
index 1b198de..8a61688 100644
--- a/src/components/TextItem.tsx
+++ b/src/components/TextItem.tsx
@@ -94,7 +94,7 @@ export function TextItem({ key: itemKey, data: item }: TextItem.TextCardProps) {
         left: `${item.position.x}px`,
       }}
     >
-      <div className={'relative'}>
+      <div className={'drop-shadow relative'}>
         {item.contents}
       </div>