From 2eb2621af85c95b38446cab9dbddfd143de4bfd3 Mon Sep 17 00:00:00 2001
From: Dennis Tuan Anh Quach <83472928+Dboy0ZDev@users.noreply.github.com>
Date: Wed, 8 Apr 2026 15:23:39 +0200
Subject: [PATCH 1/2] implemented proper url formatting in settingsinput fields

---
 src/components/asset/asset-form/AssetFormVulnsManagement.tsx | 1 +
 src/components/ui/input-with-button.tsx                      | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/asset/asset-form/AssetFormVulnsManagement.tsx b/src/components/asset/asset-form/AssetFormVulnsManagement.tsx
index c372d14b..d539b8ef 100644
--- a/src/components/asset/asset-form/AssetFormVulnsManagement.tsx
+++ b/src/components/asset/asset-form/AssetFormVulnsManagement.tsx
@@ -578,6 +578,7 @@ const PublicUrlsSection: FunctionComponent<{
           className={copyable ? "text-foreground" : "text-muted-foreground"}
         >
           <InputWithButton
+            className="truncate"
             label={url.label}
             copyable={copyable && !!url.value}
             copyToastDescription={url.copyToastDescription}
diff --git a/src/components/ui/input-with-button.tsx b/src/components/ui/input-with-button.tsx
index b13a635f..e01452aa 100644
--- a/src/components/ui/input-with-button.tsx
+++ b/src/components/ui/input-with-button.tsx
@@ -59,11 +59,11 @@ const InputWithButton = (props: InputWithButtonProps) => {
           variant === "onCard" ? "bg-background" : "bg-card",
         )}
       >
-        <div className="flex flex-row  justify-between w-full">
+        <div className="flex flex-row  justify-between w-full gap-1">
           <input
             {...inputProps}
             value={props.value ?? ""}
-            className={classNames("w-full bg-transparent focus:outline-none")}
+            className={classNames(`w-full bg-transparent focus:outline-none ${inputProps.className}`)}
             readOnly={!mutable || !inputProps.onChange}
             name={"input" + nameKey}
           />

From f1698718f54cf2c20353bf032f2a1852bc2be63d Mon Sep 17 00:00:00 2001
From: Dennis Tuan Anh Quach <83472928+Dboy0ZDev@users.noreply.github.com>
Date: Wed, 8 Apr 2026 15:40:48 +0200
Subject: [PATCH 2/2] Adjusted classname passing

---
 src/components/ui/input-with-button.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/ui/input-with-button.tsx b/src/components/ui/input-with-button.tsx
index e01452aa..385f09b3 100644
--- a/src/components/ui/input-with-button.tsx
+++ b/src/components/ui/input-with-button.tsx
@@ -40,6 +40,7 @@ const InputWithButton = (props: InputWithButtonProps) => {
     variant,
     mutable,
     nameKey,
+    className,
     ...inputProps
   } = props;
 
@@ -63,7 +64,7 @@ const InputWithButton = (props: InputWithButtonProps) => {
           <input
             {...inputProps}
             value={props.value ?? ""}
-            className={classNames(`w-full bg-transparent focus:outline-none ${inputProps.className}`)}
+            className={classNames("w-full bg-transparent focus:outline-none",className)}
             readOnly={!mutable || !inputProps.onChange}
             name={"input" + nameKey}
           />