From 1f47ec1939612f3182fecea4bf0af273ac352bfb Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Mon, 17 Aug 2026 22:26:52 +0700
Subject: [PATCH] feat: update layout for cutting create and edit components to
 improve responsiveness and overflow handling

---
 resources/js/pages/admin/manage/cutting/create.tsx | 4 ++--
 resources/js/pages/admin/manage/cutting/edit.tsx   | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/js/pages/admin/manage/cutting/create.tsx b/resources/js/pages/admin/manage/cutting/create.tsx
index 5afde36..48c4311 100644
--- a/resources/js/pages/admin/manage/cutting/create.tsx
+++ b/resources/js/pages/admin/manage/cutting/create.tsx
@@ -342,12 +342,12 @@ export default function CuttingCreate({ rawMaterials }: Props) {
                 }}>
                     {({ errors, processing }) => (
                         <div className="grid gap-6 md:grid-cols-3">
-                            <div className="space-y-6 md:col-span-2">
+                            <div className="min-w-0 space-y-6 md:col-span-2">
                                 <Card>
                                     <CardHeader>
                                         <CardTitle>Pilih Bahan Baku</CardTitle>
                                     </CardHeader>
-                                    <CardContent className="max-h-[calc(100vh-16rem)] space-y-4 overflow-y-auto">
+                                    <CardContent className="max-h-[calc(100vh-16rem)] space-y-4 overflow-x-hidden overflow-y-auto">
                                         <div className="grid gap-2">
                                             <Label>
                                                 Nama Bahan Baku <span className="text-destructive">*</span>
diff --git a/resources/js/pages/admin/manage/cutting/edit.tsx b/resources/js/pages/admin/manage/cutting/edit.tsx
index 2c181d2..022303a 100644
--- a/resources/js/pages/admin/manage/cutting/edit.tsx
+++ b/resources/js/pages/admin/manage/cutting/edit.tsx
@@ -319,12 +319,12 @@ export default function CuttingEdit({ cutting, rawMaterials }: Props) {
                 }}>
                     {({ errors, processing }) => (
                         <div className="grid gap-6 md:grid-cols-3">
-                            <div className="space-y-6 md:col-span-2">
+                            <div className="min-w-0 space-y-6 md:col-span-2">
                                 <Card>
                                     <CardHeader>
                                         <CardTitle>Pilih Bahan Baku</CardTitle>
                                     </CardHeader>
-                                    <CardContent className="max-h-[calc(100vh-16rem)] space-y-4 overflow-y-auto">
+                                    <CardContent className="max-h-[calc(100vh-16rem)] space-y-4 overflow-x-hidden overflow-y-auto">
                                         <div className="grid gap-2">
                                             <Label>
                                                 Nama Bahan Baku <span className="text-destructive">*</span>