diff --git a/frontend/src/pages/mobile/schedule/ScheduleDetail.jsx b/frontend/src/pages/mobile/schedule/ScheduleDetail.jsx
index 6339c9b..104c434 100644
--- a/frontend/src/pages/mobile/schedule/ScheduleDetail.jsx
+++ b/frontend/src/pages/mobile/schedule/ScheduleDetail.jsx
@@ -487,17 +487,24 @@ function MobileVarietySection({ schedule }) {
 
   return (
     <div className="bg-white rounded-xl overflow-hidden shadow-sm">
-      <div className={`${hasThumbnail ? 'flex' : ''}`}>
+      <div className="flex">
         {/* 썸네일 */}
-        {hasThumbnail && (
-          <div className="flex-shrink-0 w-32">
+        <div className="flex-shrink-0 w-28">
+          {hasThumbnail ? (
             <img
               src={schedule.thumbnailUrl}
               alt={schedule.title}
               className="w-full h-full object-cover"
             />
-          </div>
-        )}
+          ) : (
+            <div
+              className="w-full h-full flex items-center justify-center"
+              style={{ backgroundColor: `${schedule.category?.color || '#06b6d4'}15` }}
+            >
+              <Tv size={32} style={{ color: schedule.category?.color || '#06b6d4' }} strokeWidth={1.5} />
+            </div>
+          )}
+        </div>
 
         {/* 콘텐츠 */}
         <div className="flex-1 p-4 flex flex-col justify-between">
diff --git a/frontend/src/pages/pc/public/schedule/sections/VarietySection.jsx b/frontend/src/pages/pc/public/schedule/sections/VarietySection.jsx
index d7ed090..9605dc7 100644
--- a/frontend/src/pages/pc/public/schedule/sections/VarietySection.jsx
+++ b/frontend/src/pages/pc/public/schedule/sections/VarietySection.jsx
@@ -13,17 +13,24 @@ function VarietySection({ schedule }) {
 
   return (
     <div className="bg-white rounded-2xl overflow-hidden shadow-sm border border-gray-100">
-      <div className={`${hasThumbnail ? 'flex' : ''}`}>
+      <div className="flex">
         {/* 왼쪽: 썸네일 */}
-        {hasThumbnail && (
-          <div className="flex-shrink-0 w-44">
+        <div className="flex-shrink-0 w-44">
+          {hasThumbnail ? (
             <img
               src={schedule.thumbnailUrl}
               alt={schedule.title}
               className="w-full h-full object-cover"
             />
-          </div>
-        )}
+          ) : (
+            <div
+              className="w-full h-full flex items-center justify-center"
+              style={{ backgroundColor: `${schedule.category?.color || '#06b6d4'}15` }}
+            >
+              <Tv size={40} style={{ color: schedule.category?.color || '#06b6d4' }} strokeWidth={1.5} />
+            </div>
+          )}
+        </div>
 
         {/* 오른쪽: 콘텐츠 */}
         <div className="flex-1 p-5 flex flex-col justify-between">