diff --git a/src/components/plan/ContentCalendar.tsx b/src/components/plan/ContentCalendar.tsx
index 4c1c36b..93fc67a 100644
--- a/src/components/plan/ContentCalendar.tsx
+++ b/src/components/plan/ContentCalendar.tsx
@@ -24,10 +24,10 @@ interface ContentCalendarProps {
 }
 
 const contentTypeColors: Record<ContentCategory, { bg: string; text: string; entry: string; border: string; shadow: string }> = {
-  video: { bg: 'bg-[#F3F0FF]', text: 'text-[#6C5CE7]', entry: 'bg-[#F3F0FF] border-[#D5CDF5]', border: 'border-[#D5CDF5]', shadow: 'shadow-[2px_3px_8px_rgba(155,138,212,0.15)]' },
-  blog: { bg: 'bg-[#EFF0FF]', text: 'text-[#3A3F7C]', entry: 'bg-[#EFF0FF] border-[#C5CBF5]', border: 'border-[#C5CBF5]', shadow: 'shadow-[2px_3px_8px_rgba(122,132,212,0.15)]' },
-  social: { bg: 'bg-[#FFF6ED]', text: 'text-[#7C5C3A]', entry: 'bg-[#FFF6ED] border-[#F5E0C5]', border: 'border-[#F5E0C5]', shadow: 'shadow-[2px_3px_8px_rgba(212,168,114,0.15)]' },
-  ad: { bg: 'bg-[#FFF0F0]', text: 'text-[#7C3A4B]', entry: 'bg-[#FFF0F0] border-[#F5D5DC]', border: 'border-[#F5D5DC]', shadow: 'shadow-[2px_3px_8px_rgba(212,136,154,0.15)]' },
+  video: { bg: 'bg-[#F3F0FF]', text: 'text-[#6C5CE7]', entry: 'bg-[#EDE5FF] border-[#B8A8E8]', border: 'border-[#D5CDF5]', shadow: 'shadow-[2px_3px_8px_rgba(155,138,212,0.15)]' },
+  blog: { bg: 'bg-[#EFF0FF]', text: 'text-[#3A3F7C]', entry: 'bg-[#E2E5FF] border-[#A8B0E8]', border: 'border-[#C5CBF5]', shadow: 'shadow-[2px_3px_8px_rgba(122,132,212,0.15)]' },
+  social: { bg: 'bg-[#FFF6ED]', text: 'text-[#7C5C3A]', entry: 'bg-[#FFEED9] border-[#E8C896]', border: 'border-[#F5E0C5]', shadow: 'shadow-[2px_3px_8px_rgba(212,168,114,0.15)]' },
+  ad: { bg: 'bg-[#FFF0F0]', text: 'text-[#7C3A4B]', entry: 'bg-[#FFE0E0] border-[#E8A8B4]', border: 'border-[#F5D5DC]', shadow: 'shadow-[2px_3px_8px_rgba(212,136,154,0.15)]' },
 };
 
 const contentTypeLabels: Record<ContentCategory, string> = {
@@ -220,12 +220,12 @@ export default function ContentCalendar({ data, planId, onEntryUpdate }: Content
     const ContentIcon = contentTypeIcons[entry.contentType];
     const ChannelIcon = channelIconMap[entry.channelIcon] ?? GlobeFilled;
     const statusDot = statusDotColors[entry.status ?? 'draft'];
-    const isDragging = draggedEntry?.entry.id === entry.id;
+    const isDragging = draggedEntry !== null && draggedEntry.entry === entry;
 
     return (
       <div
         key={entry.id ?? entryIdx}
-        className={`${colors.entry} ${colors.shadow} border rounded-lg p-1.5 mb-1 last:mb-0 cursor-grab active:cursor-grabbing hover:ring-2 hover:ring-white/40 transition-all group relative ${isDragging ? 'opacity-40' : ''}`}
+        className={`${colors.entry} border rounded-lg p-1.5 mb-1 last:mb-0 cursor-grab active:cursor-grabbing hover:ring-2 hover:ring-[#6C5CE7]/30 hover:shadow-lg shadow-sm transition-all group relative ${isDragging ? 'opacity-40' : ''}`}
         draggable={weekNumber !== undefined}
         onDragStart={weekNumber !== undefined ? () => handleDragStart(entry, weekNumber) : undefined}
         onDragEnd={weekNumber !== undefined ? handleDragEnd : undefined}
@@ -234,9 +234,9 @@ export default function ContentCalendar({ data, planId, onEntryUpdate }: Content
         <div className="flex items-center gap-1 mb-0.5">
           <span className={`w-1.5 h-1.5 rounded-full ${statusDot} flex-shrink-0`} />
           <ChannelIcon size={10} className={colors.text} />
-          <ContentIcon size={10} className={`${colors.text} opacity-60`} />
+          <ContentIcon size={10} className={colors.text} />
         </div>
-        <p className="text-[11px] text-slate-700 leading-tight line-clamp-2">
+        <p className="text-[11px] font-medium text-[#0A1128] leading-tight line-clamp-2">
           {entry.title}
         </p>
         {entry.description && (