Fix the height

src/app/page.tsx

@@ -258,7 +258,7 @@ export default function QuestionBuilder() {
         <div className="flex-1 flex flex-col">
           {/* Upper Right Panel: Source Article Editor */}
           <Article
-            className="flex-1"
+            className="h-1/2"
             sourceArticle={sourceArticle}
             onSourceArticleChange={setSourceArticle}
             isSourceLocked={isSourceLocked}
@@ -267,7 +267,7 @@ export default function QuestionBuilder() {
 
           {/* Lower Right Panel: Question List */}
           <QuestionList
-            className="flex-1"
+            className="h-1/2"
             questions={questions}
             questionTypes={QUESTION_TYPES}
             selectedQuestions={selectedQuestions}

src/components/article/Article.tsx

@@ -70,7 +70,7 @@ export function Article({
   };
 
   return (
-    <Card className={`flex flex-col ${className}`}>
+    <Card className={`flex flex-col h-full ${className}`}>
       <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-4 px-6 pt-2">
         <CardTitle className="text-lg font-semibold">
           📄 Source Article
@@ -107,13 +107,13 @@ export function Article({
         </div>
       </CardHeader>
 
-      <CardContent className="flex-1 px-6 pb-6">
+      <CardContent className="flex-1 px-6 pb-6 overflow-hidden">
         <Textarea
           value={sourceArticle}
           onChange={(e) => handleSourceArticleChange(e.target.value)}
           placeholder="Paste or type your source article here (articles, passages, etc.)..."
           disabled={isSourceLocked}
-          className="w-full h-full resize-none min-h-[200px]"
+          className="w-full h-full resize-none"
         />
       </CardContent>