From 10c5b337af19b44ff30e002cde66c19058e7664e Mon Sep 17 00:00:00 2001
From: Olayinka Adelakun <olayinkaadelakun@mac.war.can.ibm.com>
Date: Fri, 6 Feb 2026 11:00:00 -0500
Subject: [PATCH 1/2] LE-270: add fix hydration issues

---
 src/frontend/src/modals/deleteConfirmationModal/index.tsx     | 2 +-
 .../fileManagerModal/components/dragFilesComponent/index.tsx  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/modals/deleteConfirmationModal/index.tsx b/src/frontend/src/modals/deleteConfirmationModal/index.tsx
index eec16abbc69b..dd80cd6a5926 100644
--- a/src/frontend/src/modals/deleteConfirmationModal/index.tsx
+++ b/src/frontend/src/modals/deleteConfirmationModal/index.tsx
@@ -30,7 +30,7 @@ export default function DeleteConfirmationModal({
   return (
     <Dialog open={open} onOpenChange={setOpen}>
       <DialogTrigger asChild={!children ? true : asChild} tabIndex={-1}>
-        {children ?? <></>}
+        {children}
       </DialogTrigger>
       <DialogContent>
         <DialogHeader>
diff --git a/src/frontend/src/modals/fileManagerModal/components/dragFilesComponent/index.tsx b/src/frontend/src/modals/fileManagerModal/components/dragFilesComponent/index.tsx
index 302fc65da7e8..517ca2691d24 100644
--- a/src/frontend/src/modals/fileManagerModal/components/dragFilesComponent/index.tsx
+++ b/src/frontend/src/modals/fileManagerModal/components/dragFilesComponent/index.tsx
@@ -106,7 +106,7 @@ export default function DragFilesComponent({
         <h3 className="text-sm font-semibold">
           {isDragging ? "Drop files here" : "Click or drag files here"}
         </h3>
-        <p className="flex items-center gap-2 text-xs text-muted-foreground">
+        <div className="flex items-center gap-2 text-xs text-muted-foreground">
           <div className="flex items-center gap-1">
             <span>{types.slice(0, 3).join(", ")}</span>
             {types.length > 3 && (
@@ -124,7 +124,7 @@ export default function DragFilesComponent({
           <span className="font-semibold">
             {formatFileSize(maxFileSizeUpload)} max
           </span>
-        </p>
+        </div>
         <div className="pointer-events-none absolute inset-0 h-full w-full">
           <svg
             width="100%"

From 4381f36bc95a8e7863150deb3a2eded558307eef Mon Sep 17 00:00:00 2001
From: Olayinka Adelakun <olayinkaadelakun@mac.war.can.ibm.com>
Date: Fri, 6 Feb 2026 12:52:39 -0500
Subject: [PATCH 2/2] LE-270: fix disable field on max token on language model

---
 .../components/intComponent/index.tsx         | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/frontend/src/components/core/parameterRenderComponent/components/intComponent/index.tsx b/src/frontend/src/components/core/parameterRenderComponent/components/intComponent/index.tsx
index 31bd63171391..577980b52bf1 100644
--- a/src/frontend/src/components/core/parameterRenderComponent/components/intComponent/index.tsx
+++ b/src/frontend/src/components/core/parameterRenderComponent/components/intComponent/index.tsx
@@ -181,17 +181,17 @@ export default function IntComponent({
             />
           </NumberIncrementStepper>
           <NumberDecrementStepper
-            className={decrementStepperClassName}
-            _disabled={{ cursor: "default" }}
-            isDisabled={isAtOrBelowMin}
-            onClickCapture={
-              isAtOrBelowMin
-                ? (e: React.MouseEvent) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                  }
-                : undefined
-            }
+            className={cn(
+              decrementStepperClassName,
+              isAtOrBelowMin && "pointer-events-none opacity-50",
+            )}
+            aria-disabled={isAtOrBelowMin || undefined}
+            data-disabled={isAtOrBelowMin ? "" : undefined}
+            onClickCapture={(e: React.MouseEvent) => {
+              if (!isAtOrBelowMin) return;
+              e.preventDefault();
+              e.stopPropagation();
+            }}
           >
             <MinusIcon
               className={iconClassName}