diff --git a/src/frontend/src/modals/IOModal/components/chatView/chatInput/components/textAreaWrapper/index.tsx b/src/frontend/src/modals/IOModal/components/chatView/chatInput/components/textAreaWrapper/index.tsx
index 19dbd4550..25e2a33f0 100644
--- a/src/frontend/src/modals/IOModal/components/chatView/chatInput/components/textAreaWrapper/index.tsx
+++ b/src/frontend/src/modals/IOModal/components/chatView/chatInput/components/textAreaWrapper/index.tsx
@@ -42,8 +42,8 @@ const TextAreaWrapper = ({
 
   const fileClass =
     files.length > 0
-      ? "rounded-b-lg rounded-t-none border-t-0 border-border focus:border-t-0 focus:border-ring"
-      : "rounded-md border-t-2 border-border focus:border-ring";
+      ? "rounded-b-lg ring-0 focus:ring-0 focus:border-2 rounded-t-none border-t-0 border-border focus:border-t-0 focus:border-ring"
+      : "rounded-md border-t border-border focus:ring-0 focus:border-2 focus:border-ring";
 
   const additionalClassNames = "form-modal-lockchat pl-14";
 
diff --git a/src/frontend/src/modals/IOModal/components/chatView/chatInput/helpers/get-class-file-preview.ts b/src/frontend/src/modals/IOModal/components/chatView/chatInput/helpers/get-class-file-preview.ts
index 1990f5518..7e957f586 100644
--- a/src/frontend/src/modals/IOModal/components/chatView/chatInput/helpers/get-class-file-preview.ts
+++ b/src/frontend/src/modals/IOModal/components/chatView/chatInput/helpers/get-class-file-preview.ts
@@ -1,7 +1,7 @@
 export const getClassNamesFilePreview = (inputFocus) => {
-  return `transition-all duration-300 flex w-full items-center gap-4 rounded-t-lg bg-background px-14 py-5 overflow-auto custom-scroll ${
+  return `flex w-full items-center gap-4 rounded-t-lg bg-background px-14 py-5 overflow-auto custom-scroll ${
     inputFocus
-      ? "border-2 border-b-0 border-ring"
+      ? "border border-b-0 border-ring border-2"
       : "border border-b-0 border-border"
   }`;
 };