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..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;
 
@@ -59,11 +60,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",className)}
             readOnly={!mutable || !inputProps.onChange}
             name={"input" + nameKey}
           />