diff --git a/apps/web/src/components/UploadInterface/index.tsx b/apps/web/src/components/UploadInterface/index.tsx
index 83886ac..a4a6321 100644
--- a/apps/web/src/components/UploadInterface/index.tsx
+++ b/apps/web/src/components/UploadInterface/index.tsx
@@ -177,44 +177,47 @@ const UploadInterface = () => {
       )}
 
       <form
-        className="relative flex w-full rounded-lg border border-gray-200 bg-white p-4 shadow-md"
+        className="relative flex w-full flex-row justify-between rounded-lg border border-gray-200 bg-white p-4 shadow-md"
         id="upload-form"
         onSubmit={onSubmit}
       >
-        <input
-          type="url"
-          ref={urlInputRef}
-          onChange={onInputChange}
-          className="w-full border-none bg-transparent pr-3 text-lg outline-none"
-          placeholder={
-            !isLocalUpload
-              ? "Drop your OpenAPI 3.x file or enter your OpenAPI file URL here"
-              : ""
-          }
-          aria-label="Enter OpenAPI 3.x file URL here"
-          disabled={!!file}
-        />
+        {!isLocalUpload && !file && !isValidUrlInput && (
+          <input
+            type="url"
+            ref={urlInputRef}
+            onChange={onInputChange}
+            className="w-full border-none bg-transparent pr-3 text-lg outline-none"
+            placeholder={
+              !isLocalUpload
+                ? "Drop your OpenAPI 3.x file or enter your OpenAPI file URL here"
+                : ""
+            }
+            aria-label="Enter OpenAPI 3.x file URL here"
+            disabled={!!file}
+          />
+        )}
 
         <input
           ref={fileInputRef}
           onChange={onLocalFileUploadInputChange}
-          className="hidden"
+          className="hidden h-0 w-0"
           type="file"
           name="drag-upload"
-          accept=".json,.yaml,.yml"
         />
 
         {isLocalUpload && (
           <button
             onClick={onClear}
-            className="absolute flex items-center rounded-lg bg-gray-200 p-2 text-lg hover:bg-gray-300"
+            className="flex items-center rounded-lg bg-gray-200 p-2 text-lg hover:bg-gray-300"
           >
             <DocumentIcon
               height={24}
               width={24}
               className="mr-1 text-gray-900"
             />
-            <span>{file?.name}</span>
+            <span className="max-w-[170px] overflow-hidden whitespace-nowrap md:max-w-[500px]">
+              {file?.name}
+            </span>
             <XMarkIcon height={24} width={24} className="ml-3 text-gray-900" />
           </button>
         )}