diff --git a/docs/components/display/chip.md b/docs/components/display/chip.md
index 776005cd..faed6c22 100644
--- a/docs/components/display/chip.md
+++ b/docs/components/display/chip.md
@@ -76,6 +76,7 @@ const events = ['click'];
 const args = ref({
 	variant: 'red',
 	persistantActionIcon: false,
-	iconLeft: true
+	iconLeft: false,
+	triggerClickOnIcon: false
 });
 </script>
diff --git a/package.json b/package.json
index 357a7048..9c635a36 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@sysvale/cuida",
-	"version": "3.154.12",
+	"version": "3.155.0",
 	"description": "A design system built by Sysvale, using storybook and Vue components",
 	"repository": {
 		"type": "git",
diff --git a/src/components/Chip.vue b/src/components/Chip.vue
index 5ab0e771..9778ffd2 100644
--- a/src/components/Chip.vue
+++ b/src/components/Chip.vue
@@ -2,9 +2,10 @@
 <template>
 	<div
 		class="chip__container"
-		:class="classList"
+		:class="chipClasses"
 		data-testid="chip-container"
-		@click="handleClick"
+		:style="{ cursor: !shouldApplyTriggerClickOnIconProp ? 'pointer' : 'default' }"
+		@click="handleContainerClick"
 	>
 		<div :class="`chip__content--${size}`">
 			<div
@@ -16,9 +17,13 @@
 			>
 				<transition name="fade">
 					<template v-if="internalValue || props.persistantActionIcon">
-						<div 
+						<div
 							v-if="useHasSlot('icon')" 
-							class="chip__content--icon"
+							:class="[
+								'chip__content--icon',
+								{'chip__content--icon--pointer': shouldApplyTriggerClickOnIconProp}
+							]"
+							@click="handleIconClick"
 						>
 							<!-- @slot Slot utilizado para alterar o ícone mostrado na chip. -->
 							<slot name="icon" />
@@ -28,6 +33,8 @@
 							name="check-outline"
 							:height="icon.height"
 							:width="icon.width"
+							:class="[{'chip__content--icon--pointer': shouldApplyTriggerClickOnIconProp}]"
+							@click="handleIconClick"
 						/>
 					</template>
 				</transition>
@@ -41,7 +48,7 @@
 </template>
 
 <script setup>
-import { computed, ref, onMounted, useTemplateRef, watch } from 'vue';
+import { computed, onMounted, ref, useTemplateRef, watch } from 'vue';
 import { useHasSlot } from '../utils/composables/useHasSlot';
 import { colorOptions } from '../utils/constants/colors';
 import sizes from '../utils/constants/sizes';
@@ -83,35 +90,46 @@ const props = defineProps({
 	 */
 	iconLeft: {
 		type: Boolean,
-		default: true,
+		default: false,
+	},
+	/**
+	 * Especifica o evento de click deve ser disparado ao clicar no ícone ou no componente. Só funciona caso a prop persistantActionIcon seja true.
+	 */
+	triggerClickOnIcon: {
+		type: Boolean,
+		default: false,
 	},
 });
 
+const emits = defineEmits([
+	/**
+	 * Evento que indica que o Chip foi clicado.
+	 * @event click
+	 * @type {Event}
+	 */
+	'click',
+]);
+
 const slotContentRef = useTemplateRef('slot-content');
 const predefinedColors = ref(colorOptions);
 const predefinedSizes = ref(sizes);
 const internalValue = ref(modelValue.value);
-const classList = ref('');
 const shouldUpdatePadding = ref(true);
 const maxWidth = ref('0px');
 
+const shouldApplyTriggerClickOnIconProp = computed(() => {
+	return props.triggerClickOnIcon && props.persistantActionIcon;
+});
 
-const predefinedStyle = computed(() => {
-	let dynamicClass = '';
-
-	if (!internalValue.value) {
-		dynamicClass += ' chip--not-selected';
-	}
-
-	if (predefinedColors.value.indexOf(props.variant) > -1) {
-		dynamicClass += ` chip--${props.variant}`;
-	}
-
-	if (predefinedSizes.value.indexOf(props.size) > -1) {
-		dynamicClass += ` chip--${props.size}`;
-	}
-
-	return dynamicClass;
+const chipClasses = computed(() => {
+	return [
+		predefinedColors.value.includes(props.variant) ? `chip--${props.variant}` : '',
+		predefinedSizes.value.includes(props.size) ? `chip--${props.size}` : '',
+		{
+			'chip--not-selected': !internalValue.value,
+			'chip__container--interactive': !shouldApplyTriggerClickOnIconProp.value
+		}
+	];
 });
 
 const icon = computed(() => {
@@ -160,12 +178,6 @@ watch(
 watch(
 	() => internalValue.value,
 	(newInternalValue) => {
-		if (!newInternalValue) {
-			classList.value += ' chip--not-selected';
-		} else {
-			classList.value = removeNotSelectedClass();
-		}
-
 		setTimeout(() => {
 			shouldUpdatePadding.value = !newInternalValue;
 		}, 300);
@@ -174,8 +186,13 @@ watch(
 	}
 );
 
+watch(() => shouldApplyTriggerClickOnIconProp.value, (newValue) => {
+	if (newValue && internalValue.value) {
+		internalValue.value = false;
+	}
+});
+
 onMounted(() => {
-	classList.value = predefinedStyle.value;
 	setTimeout(() => {
 		maxWidth.value =
 			(slotContentRef.value?.offsetWidth || 0) + 4 + icon.value.width + 'px';
@@ -186,9 +203,19 @@ function handleClick() {
 	internalValue.value = !internalValue.value;
 }
 
-function removeNotSelectedClass() {
-	let regex = new RegExp('chip--not-selected', 'g');
-	return classList.value.replace(regex, '');
+function handleContainerClick() {
+	if (shouldApplyTriggerClickOnIconProp.value) {
+		return;
+	}
+	handleClick();
+	emits('click', true);
+}
+
+function handleIconClick(event) {
+	if(shouldApplyTriggerClickOnIconProp.value) {
+		event.stopPropagation();
+		emits('click', true);
+	}
 }
 
 </script>
@@ -200,7 +227,6 @@ function removeNotSelectedClass() {
 	&__container {
 		border-radius: 50px !important;
 		width: fit-content;
-		cursor: pointer;
 	}
 
 	&--not-selected {
@@ -236,16 +262,23 @@ function removeNotSelectedClass() {
 			@include tokens.button-1;
 			font-weight: tokens.$font-weight-semibold;
 		}
+
 		&--icon {
 			display: flex;
 			overflow: hidden;
 			align-items: center;
-			width: v-bind('icon.width');
-			height: v-bind('icon.height');
+			width: calc(v-bind('icon.width') * 1px);
+			height: calc(v-bind('icon.height') * 1px);
+
+			&--pointer {
+				cursor: pointer;
+			}
 		}
+
 		&--icon > :slotted(svg) {
 			height: 100%;
 			width: 100%;
+			pointer-events: none;
 		}
 	}
 
@@ -274,30 +307,48 @@ function removeNotSelectedClass() {
 		background-color: $shade-100;
 		outline: 1px solid $shade-600;
 
-		&:hover {
+		&.chip__container--interactive:hover {
 			color: color.adjust($shade-600, $lightness: -10%) !important;
 			background-color: $shade-100 !important;
 		}
+
+		&:not(.chip__container--interactive) .chip__content--icon--pointer:hover {
+			color: color.adjust($shade-600, $lightness: -10%) !important;
+			background-color: tokens.$n-40 !important;
+			border-radius: tokens.$border-radius-circle;
+		}
 	}
 
 	&--amber {
 		color: tokens.$al-700;
 		background-color: tokens.$al-100;
 
-		&:hover {
+		&.chip__container--interactive:hover {
 			color: color.adjust(tokens.$al-700, $lightness: -10%) !important;
 			background-color: tokens.$al-100 !important;
 		}
+
+		&:not(.chip__container--interactive) .chip__content--icon--pointer:hover {
+			color: color.adjust(tokens.$al-600, $lightness: -10%) !important;
+			background-color: tokens.$n-40 !important;
+			border-radius: tokens.$border-radius-circle;
+		}
 	}
 
 	&--gray {
 		color: tokens.$n-600;
 		background-color: tokens.$n-20;
 
-		&:hover {
+		&.chip__container--interactive:hover {
 			color: color.adjust(tokens.$n-600, $lightness: -10%) !important;
 			background-color: tokens.$n-20 !important;
 		}
+
+		&:not(.chip__container--interactive) .chip__content--icon--pointer:hover {
+			color: color.adjust(tokens.$n-600, $lightness: -10%) !important;
+			background-color: tokens.$n-40 !important;
+			border-radius: tokens.$border-radius-circle;
+		}
 	}
 
 	&--white {
@@ -305,10 +356,16 @@ function removeNotSelectedClass() {
 		background-color: tokens.$n-0;
 		outline: 1px solid tokens.$n-100;
 
-		&:hover {
+		&.chip__container--interactive:hover {
 			color: color.adjust(tokens.$n-600, $lightness: -10%) !important;
 			background-color: tokens.$n-0 !important;
 		}
+
+		&:not(.chip__container--interactive) .chip__content--icon--pointer:hover {
+			color: color.adjust(tokens.$n-600, $lightness: -10%) !important;
+			background-color: tokens.$n-40 !important;
+			border-radius: tokens.$border-radius-circle;
+		}
 	}
 
 	&--dark {
@@ -316,10 +373,16 @@ function removeNotSelectedClass() {
 		background-color: tokens.$n-700;
 		outline: 1px solid tokens.$n-800;
 
-		&:hover {
+		&.chip__container--interactive:hover {
 			color: color.adjust(tokens.$n-10, $lightness: -10%) !important;
 			background-color: tokens.$n-700 !important;
 		}
+
+		&:not(.chip__container--interactive) .chip__content--icon--pointer:hover {
+			color: color.adjust(tokens.$n-10, $lightness: -10%) !important;
+			background-color: tokens.$n-40 !important;
+			border-radius: tokens.$border-radius-circle;
+		}
 	}
 }
 
diff --git a/src/tests/__snapshots__/Chip.spec.js.snap b/src/tests/__snapshots__/Chip.spec.js.snap
index e21516cb..dd1f2a7b 100644
--- a/src/tests/__snapshots__/Chip.spec.js.snap
+++ b/src/tests/__snapshots__/Chip.spec.js.snap
@@ -1,7 +1,7 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Chip > renders correctly 1`] = `
-"<div data-v-711c594a="" class="chip__container" data-testid="chip-container">
+"<div data-v-711c594a="" class="chip__container chip--gray chip--md chip--not-selected chip__container--interactive" data-testid="chip-container" style="cursor: pointer;">
   <div data-v-711c594a="" class="chip__content--md">
     <div data-v-711c594a="" class="chip__content-container" style="max-width: 0px; padding-right: 11px; padding-left: 11px;">
       <transition-stub data-v-711c594a="" name="fade" appear="false" persisted="false" css="true">