diff --git a/frontend/components/screen/RealtimePreview.tsx b/frontend/components/screen/RealtimePreview.tsx
index dfddcc93..e7e95578 100644
--- a/frontend/components/screen/RealtimePreview.tsx
+++ b/frontend/components/screen/RealtimePreview.tsx
@@ -437,10 +437,8 @@ export const RealtimePreviewDynamic: React.FC<RealtimePreviewProps> = ({
 
         {/* 위젯 타입 - 동적 렌더링 (파일 컴포넌트 제외) */}
         {type === "widget" && !isFileComponent(component) && (
-          <div className="flex h-full flex-col">
-            <div className="pointer-events-none flex-1">
-              <WidgetRenderer component={component} />
-            </div>
+          <div className="pointer-events-none h-full w-full">
+            <WidgetRenderer component={component} />
           </div>
         )}
 
diff --git a/frontend/lib/registry/components/text-input/TextInputComponent.tsx b/frontend/lib/registry/components/text-input/TextInputComponent.tsx
index 65158842..185110d8 100644
--- a/frontend/lib/registry/components/text-input/TextInputComponent.tsx
+++ b/frontend/lib/registry/components/text-input/TextInputComponent.tsx
@@ -315,10 +315,10 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
   // 이메일 타입 전용 UI
   if (webType === "email") {
     return (
-      <div className={`flex w-full flex-col ${className || ""}`} {...safeDomProps}>
+      <div className={`relative w-full ${className || ""}`} {...safeDomProps}>
         {/* 라벨 렌더링 */}
         {component.label && component.style?.labelDisplay !== false && (
-          <label className="mb-1.5 text-sm font-medium text-slate-600">
+          <label className="absolute -top-6 left-0 text-sm font-medium text-slate-600">
             {component.label}
             {component.required && <span className="text-red-500">*</span>}
           </label>
@@ -417,10 +417,10 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
   // 전화번호 타입 전용 UI
   if (webType === "tel") {
     return (
-      <div className={`flex w-full flex-col ${className || ""}`} {...safeDomProps}>
+      <div className={`relative w-full ${className || ""}`} {...safeDomProps}>
         {/* 라벨 렌더링 */}
         {component.label && component.style?.labelDisplay !== false && (
-          <label className="mb-1.5 text-sm font-medium text-slate-600">
+          <label className="absolute -top-6 left-0 text-sm font-medium text-slate-600">
             {component.label}
             {component.required && <span className="text-red-500">*</span>}
           </label>
@@ -498,10 +498,10 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
   // URL 타입 전용 UI
   if (webType === "url") {
     return (
-      <div className={`flex w-full flex-col ${className || ""}`} {...safeDomProps}>
+      <div className={`relative w-full ${className || ""}`} {...safeDomProps}>
         {/* 라벨 렌더링 */}
         {component.label && component.style?.labelDisplay !== false && (
-          <label className="mb-1.5 text-sm font-medium text-slate-600">
+          <label className="absolute -top-6 left-0 text-sm font-medium text-slate-600">
             {component.label}
             {component.required && <span className="text-red-500">*</span>}
           </label>
@@ -553,10 +553,10 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
   // textarea 타입인 경우 별도 렌더링
   if (webType === "textarea") {
     return (
-      <div className={`flex w-full flex-col ${className || ""}`} {...safeDomProps}>
+      <div className={`relative w-full ${className || ""}`} {...safeDomProps}>
         {/* 라벨 렌더링 */}
         {component.label && component.style?.labelDisplay !== false && (
-          <label className="mb-1.5 text-sm font-medium text-slate-600">
+          <label className="absolute -top-6 left-0 text-sm font-medium text-slate-600">
             {component.label}
             {component.required && <span className="text-red-500">*</span>}
           </label>
@@ -594,10 +594,10 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
   }
 
   return (
-    <div className={`flex w-full max-w-full flex-col ${className || ""}`} {...safeDomProps}>
+    <div className={`relative w-full ${className || ""}`} {...safeDomProps}>
       {/* 라벨 렌더링 */}
       {component.label && component.style?.labelDisplay !== false && (
-        <label className="mb-1.5 text-sm font-medium text-slate-600">
+        <label className="absolute -top-6 left-0 text-sm font-medium text-slate-600">
           {component.label}
           {component.required && <span className="text-red-500">*</span>}
         </label>