From 305245d16d79ea4745bde37eb765060826691a13 Mon Sep 17 00:00:00 2001
From: PelayoFelgueroso <pfelguerosogalguera@gmail.com>
Date: Thu, 5 Feb 2026 11:50:30 +0100
Subject: [PATCH 1/2] Chip update

---
 packages/lib/src/chip/Chip.tsx | 57 +++++++++++++++++++---------------
 1 file changed, 32 insertions(+), 25 deletions(-)

diff --git a/packages/lib/src/chip/Chip.tsx b/packages/lib/src/chip/Chip.tsx
index 67ecabfdb..9e6d9b61a 100644
--- a/packages/lib/src/chip/Chip.tsx
+++ b/packages/lib/src/chip/Chip.tsx
@@ -20,7 +20,6 @@ const Chip = styled.div<{
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  gap: var(--spacing-gap-xs);
   background-color: var(--color-bg-primary-lightest);
   border-radius: var(--border-radius-xl);
   padding: ${({ size }) =>
@@ -36,6 +35,12 @@ const Chip = styled.div<{
     props.margin && typeof props.margin === "object" && props.margin.left ? spaces[props.margin.left] : ""};
 `;
 
+const LeftContainer = styled.div`
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-gap-xxs);
+`;
+
 const LabelContainer = styled.span<{ disabled: ChipPropsType["disabled"] }>`
   font-size: var(--typography-label-s);
   font-family: var(--typography-font-family);
@@ -85,31 +90,33 @@ const DxcChip = ({ action, disabled = false, label, margin, prefix, size = "medi
 
   return (
     <Chip margin={margin} size={size}>
-      {prefix &&
-        (typeof prefix === "string" ? (
-          <IconContainer disabled={disabled}>
-            <DxcIcon icon={prefix} />
-          </IconContainer>
-        ) : isAvatarType(prefix) && size !== "small" ? (
-          <DxcAvatar
-            color={prefix.color}
-            label={prefix.profileName}
-            icon={prefix.icon}
-            imageSrc={prefix.imageSrc}
-            size="xsmall"
-            disabled={disabled}
-          />
-        ) : (
-          isValidElement(prefix) && <IconContainer disabled={disabled}>{prefix}</IconContainer>
-        ))}
+      <LeftContainer>
+        {prefix &&
+          (typeof prefix === "string" ? (
+            <IconContainer disabled={disabled}>
+              <DxcIcon icon={prefix} />
+            </IconContainer>
+          ) : isAvatarType(prefix) && size !== "small" ? (
+            <DxcAvatar
+              color={prefix.color}
+              label={prefix.profileName}
+              icon={prefix.icon}
+              imageSrc={prefix.imageSrc}
+              size="xsmall"
+              disabled={disabled}
+            />
+          ) : (
+            isValidElement(prefix) && <IconContainer disabled={disabled}>{prefix}</IconContainer>
+          ))}
 
-      {label && (
-        <Tooltip label={isTruncated ? label : undefined}>
-          <LabelContainer disabled={disabled} ref={labelRef}>
-            {label}
-          </LabelContainer>
-        </Tooltip>
-      )}
+        {label && (
+          <Tooltip label={isTruncated ? label : undefined}>
+            <LabelContainer disabled={disabled} ref={labelRef}>
+              {label}
+            </LabelContainer>
+          </Tooltip>
+        )}
+      </LeftContainer>
 
       {action && (
         <DxcActionIcon

From d64cf40a504958575f33719ce39948442ac70a65 Mon Sep 17 00:00:00 2001
From: PelayoFelgueroso <pfelguerosogalguera@gmail.com>
Date: Thu, 5 Feb 2026 12:08:12 +0100
Subject: [PATCH 2/2] Add overflow hidden

---
 packages/lib/src/chip/Chip.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/lib/src/chip/Chip.tsx b/packages/lib/src/chip/Chip.tsx
index 9e6d9b61a..3cca066ed 100644
--- a/packages/lib/src/chip/Chip.tsx
+++ b/packages/lib/src/chip/Chip.tsx
@@ -39,6 +39,7 @@ const LeftContainer = styled.div`
   display: flex;
   align-items: center;
   gap: var(--spacing-gap-xxs);
+  overflow: hidden;
 `;
 
 const LabelContainer = styled.span<{ disabled: ChipPropsType["disabled"] }>`