diff --git a/frontend/components/admin/dashboard/CanvasElement.tsx b/frontend/components/admin/dashboard/CanvasElement.tsx
index 33b1d801..fbdbfc73 100644
--- a/frontend/components/admin/dashboard/CanvasElement.tsx
+++ b/frontend/components/admin/dashboard/CanvasElement.tsx
@@ -353,9 +353,9 @@ export function CanvasElement({
         let newX = resizeStart.elementX;
         let newY = resizeStart.elementY;
 
-        // 최소 크기 설정: 달력은 2x3, 나머지는 2x2
-        const minWidthCells = 2;
-        const minHeightCells = element.type === "widget" && element.subtype === "calendar" ? 3 : 2;
+        // 최소 크기 설정: 모든 위젯 1x1
+        const minWidthCells = 1;
+        const minHeightCells = 1;
         const minWidth = cellSize * minWidthCells;
         const minHeight = cellSize * minHeightCells;
 
diff --git a/frontend/components/admin/dashboard/charts/ChartRenderer.tsx b/frontend/components/admin/dashboard/charts/ChartRenderer.tsx
index 94efd190..3cd5afbe 100644
--- a/frontend/components/admin/dashboard/charts/ChartRenderer.tsx
+++ b/frontend/components/admin/dashboard/charts/ChartRenderer.tsx
@@ -242,12 +242,12 @@ export function ChartRenderer({ element, data, width, height = 200 }: ChartRende
   // D3 차트 렌더링
   const actualWidth = width !== undefined ? width : containerWidth;
 
-  // 원형 차트는 더 큰 크기가 필요 (최소 400px)
+  // 최소 크기 제약 완화 (1x1 위젯 지원)
   const isCircularChart = element.subtype === "pie" || element.subtype === "donut";
-  const minWidth = isCircularChart ? 400 : 200;
-  const finalWidth = Math.max(actualWidth - 20, minWidth);
-  // 원형 차트는 범례 공간을 위해 더 많은 여백 필요
-  const finalHeight = Math.max(height - (isCircularChart ? 60 : 20), 300);
+  const minWidth = 35; // 최소 너비 35px
+  const finalWidth = Math.max(actualWidth - 4, minWidth);
+  // 최소 높이도 35px로 설정
+  const finalHeight = Math.max(height - (isCircularChart ? 10 : 4), 35);
 
   console.log("🎨 ChartRenderer:", {
     elementSubtype: element.subtype,
@@ -263,7 +263,7 @@ export function ChartRenderer({ element, data, width, height = 200 }: ChartRende
   });
 
   return (
-    <div ref={containerRef} className="flex h-full w-full items-center justify-center bg-white p-2">
+    <div ref={containerRef} className="flex h-full w-full items-center justify-center bg-white p-0.5">
       <div className="flex items-center justify-center">
         <Chart
           chartType={element.subtype}
diff --git a/frontend/components/admin/dashboard/charts/PieChart.tsx b/frontend/components/admin/dashboard/charts/PieChart.tsx
index ab24219f..c90b639d 100644
--- a/frontend/components/admin/dashboard/charts/PieChart.tsx
+++ b/frontend/components/admin/dashboard/charts/PieChart.tsx
@@ -169,7 +169,7 @@ export function PieChart({ data, config, width = 500, height = 500, isDonut = fa
           .attr("x", 0)
           .attr("y", 18)
           .attr("text-anchor", "middle") // 텍스트 중앙 정렬
-          .style("font-size", "10px")
+          .style("font-size", "8px")
           .style("fill", "#333")
           .text(`${d.label} (${d.value})`);
       });
diff --git a/frontend/components/admin/dashboard/widgets/AnalogClock.tsx b/frontend/components/admin/dashboard/widgets/AnalogClock.tsx
index 52131695..103abec3 100644
--- a/frontend/components/admin/dashboard/widgets/AnalogClock.tsx
+++ b/frontend/components/admin/dashboard/widgets/AnalogClock.tsx
@@ -31,8 +31,8 @@ export function AnalogClock({ time, theme, timezone, customColor }: AnalogClockP
   const timezoneLabel = timezone ? getTimezoneLabel(timezone) : "";
 
   return (
-    <div className="flex h-full flex-col items-center justify-center p-2">
-      <svg viewBox="0 0 200 200" className="h-full max-h-[200px] w-full max-w-[200px]">
+    <div className="flex h-full flex-col items-center justify-center p-0.5">
+      <svg viewBox="0 0 200 200" className="h-full w-full">
         {/* 시계판 배경 */}
         <circle cx="100" cy="100" r="98" fill={colors.background} stroke={colors.border} strokeWidth="2" />
 
@@ -70,7 +70,7 @@ export function AnalogClock({ time, theme, timezone, customColor }: AnalogClockP
               y={y}
               textAnchor="middle"
               dominantBaseline="middle"
-              fontSize="20"
+              fontSize="16"
               fontWeight="bold"
               fill={colors.number}
             >
@@ -86,7 +86,7 @@ export function AnalogClock({ time, theme, timezone, customColor }: AnalogClockP
           x2={100 + 40 * Math.cos((hourAngle * Math.PI) / 180)}
           y2={100 + 40 * Math.sin((hourAngle * Math.PI) / 180)}
           stroke={colors.hourHand}
-          strokeWidth="6"
+          strokeWidth="5"
           strokeLinecap="round"
         />
 
@@ -97,7 +97,7 @@ export function AnalogClock({ time, theme, timezone, customColor }: AnalogClockP
           x2={100 + 60 * Math.cos((minuteAngle * Math.PI) / 180)}
           y2={100 + 60 * Math.sin((minuteAngle * Math.PI) / 180)}
           stroke={colors.minuteHand}
-          strokeWidth="4"
+          strokeWidth="3"
           strokeLinecap="round"
         />
 
@@ -108,18 +108,18 @@ export function AnalogClock({ time, theme, timezone, customColor }: AnalogClockP
           x2={100 + 75 * Math.cos((secondAngle * Math.PI) / 180)}
           y2={100 + 75 * Math.sin((secondAngle * Math.PI) / 180)}
           stroke={colors.secondHand}
-          strokeWidth="2"
+          strokeWidth="1.5"
           strokeLinecap="round"
         />
 
         {/* 중심점 */}
-        <circle cx="100" cy="100" r="6" fill={colors.center} />
-        <circle cx="100" cy="100" r="3" fill={colors.background} />
+        <circle cx="100" cy="100" r="4" fill={colors.center} />
+        <circle cx="100" cy="100" r="2" fill={colors.background} />
       </svg>
 
       {/* 타임존 표시 */}
       {timezoneLabel && (
-        <div className="mt-1 text-center text-xs font-medium" style={{ color: colors.number }}>
+        <div className="mt-0 text-center text-[8px] font-medium" style={{ color: colors.number }}>
           {timezoneLabel}
         </div>
       )}
diff --git a/frontend/components/admin/dashboard/widgets/DigitalClock.tsx b/frontend/components/admin/dashboard/widgets/DigitalClock.tsx
index eb8b9cba..5ed506c5 100644
--- a/frontend/components/admin/dashboard/widgets/DigitalClock.tsx
+++ b/frontend/components/admin/dashboard/widgets/DigitalClock.tsx
@@ -56,21 +56,21 @@ export function DigitalClock({
 
   return (
     <div
-      className={`flex h-full flex-col items-center justify-center ${compact ? "p-1" : "p-4"} text-center ${themeClasses.container}`}
+      className={`flex h-full flex-col items-center justify-center ${compact ? "p-0.5" : "p-2"} text-center ${themeClasses.container}`}
       style={themeClasses.style}
     >
       {/* 날짜 표시 (compact 모드에서는 숨김) */}
       {!compact && showDate && dateString && (
-        <div className={`mb-3 text-sm font-medium ${themeClasses.date}`}>{dateString}</div>
+        <div className={`mb-1 text-[10px] leading-tight font-medium ${themeClasses.date}`}>{dateString}</div>
       )}
 
       {/* 시간 표시 */}
-      <div className={`font-bold tabular-nums ${themeClasses.time} ${compact ? "text-xl" : "text-5xl"}`}>
+      <div className={`leading-none font-bold tabular-nums ${themeClasses.time} ${compact ? "text-sm" : "text-2xl"}`}>
         {timeString}
       </div>
 
       {/* 타임존 표시 */}
-      <div className={`${compact ? "mt-0.5" : "mt-3"} text-xs font-medium ${themeClasses.timezone}`}>
+      <div className={`${compact ? "mt-0" : "mt-1"} text-[9px] font-medium ${themeClasses.timezone}`}>
         {timezoneLabel}
       </div>
     </div>
diff --git a/frontend/components/dashboard/widgets/CustomMetricWidget.tsx b/frontend/components/dashboard/widgets/CustomMetricWidget.tsx
index 52c8411c..90d763d0 100644
--- a/frontend/components/dashboard/widgets/CustomMetricWidget.tsx
+++ b/frontend/components/dashboard/widgets/CustomMetricWidget.tsx
@@ -374,9 +374,9 @@ export default function CustomMetricWidget({ element }: CustomMetricWidgetProps)
   }
 
   return (
-    <div className="flex h-full w-full items-center justify-center overflow-hidden bg-white p-2">
+    <div className="flex h-full w-full items-center justify-center overflow-hidden bg-white p-1">
       {/* 콘텐츠 영역 - 스크롤 없이 자동으로 크기 조정 */}
-      <div className="grid h-full w-full gap-2" style={{ gridTemplateColumns: "repeat(auto-fit, minmax(140px, 1fr))" }}>
+      <div className="grid h-full w-full gap-1" style={{ gridTemplateColumns: "repeat(auto-fit, minmax(35px, 1fr))" }}>
         {/* 그룹별 카드 (활성화 시) */}
         {isGroupByMode &&
           groupedCards.map((card, index) => {
@@ -388,10 +388,12 @@ export default function CustomMetricWidget({ element }: CustomMetricWidgetProps)
             return (
               <div
                 key={`group-${index}`}
-                className={`flex flex-col items-center justify-center rounded-lg border ${colors.bg} ${colors.border} p-2`}
+                className={`flex flex-col items-center justify-center rounded border ${colors.bg} ${colors.border} p-0.5`}
               >
-                <div className="text-[10px] text-gray-600">{card.label}</div>
-                <div className={`mt-0.5 text-xl font-bold ${colors.text}`}>{card.value.toLocaleString()}</div>
+                <div className="text-[8px] leading-tight text-gray-600">{card.label}</div>
+                <div className={`mt-0 text-xs leading-none font-bold ${colors.text}`}>
+                  {card.value.toLocaleString()}
+                </div>
               </div>
             );
           })}
@@ -404,12 +406,12 @@ export default function CustomMetricWidget({ element }: CustomMetricWidgetProps)
           return (
             <div
               key={metric.id}
-              className={`flex flex-col items-center justify-center rounded-lg border ${colors.bg} ${colors.border} p-2`}
+              className={`flex flex-col items-center justify-center rounded border ${colors.bg} ${colors.border} p-0.5`}
             >
-              <div className="text-[10px] text-gray-600">{metric.label}</div>
-              <div className={`mt-0.5 text-xl font-bold ${colors.text}`}>
+              <div className="text-[8px] leading-tight text-gray-600">{metric.label}</div>
+              <div className={`mt-0 text-xs leading-none font-bold ${colors.text}`}>
                 {formattedValue}
-                <span className="ml-0.5 text-sm">{metric.unit}</span>
+                <span className="ml-0 text-[8px]">{metric.unit}</span>
               </div>
             </div>
           );