diff --git a/css/backoffice/components/_quick-create.scss b/css/backoffice/components/_quick-create.scss
index 00b8992f1..bbe3f43dd 100644
--- a/css/backoffice/components/_quick-create.scss
+++ b/css/backoffice/components/_quick-create.scss
@@ -41,20 +41,25 @@ $ibo-quick-create--drawer--top: -1 * ($ibo-quick-create--drawer--max-height) !de
 $ibo-quick-create--drawer--top--is-opened: 100% !default;
 $ibo-quick-create--drawer--background-color: $ibo-color-white-100 !default;
 
-$ibo-quick-create--compartment-title--margin-bottom: 8px !default;
+$ibo-quick-create--compartment-title--margin-top: 8px !default;
+$ibo-quick-create--compartment-title--margin-bottom: $ibo-quick-create--compartment-title--margin-top !default;
 $ibo-quick-create--compartment-title--padding-left: 32px !default;
 $ibo-quick-create--compartment-title--text-color: $ibo-color-grey-600 !default;
 $ibo-quick-create--compartment-title--line-spacing: 8px !default;
 
 $ibo-quick-create--compartment-content--text-color: $ibo-color-grey-900 !default;
 
-$ibo-quick-create--compartment-element--margin-bottom: 8px !default;
-
-$ibo-quick-create--compartment-results--element--option: $ibo-quick-create--compartment-element--margin-bottom !default;
+$ibo-quick-create--compartment-element--padding-x: 8px !default;
+$ibo-quick-create--compartment-element--padding-y: 4px !default;
+$ibo-quick-create--compartment-element--margin-x: -1 * $ibo-quick-create--compartment-element--padding-x !default;
+$ibo-quick-create--compartment-element--background-color--is-active: $ibo-color-grey-200 !default;
+$ibo-quick-create--compartment-element--border-radius--is-active: $ibo-border-radius-300 !default;
 
 $ibo-quick-create--compartment-element-image--margin-right: 8px !default;
 $ibo-quick-create--compartment-element-image--width: 20px !default;
 
+$ibo-quick-create--compartment-results--container--width: 100% !important !default;
+
 $ibo-quick-create--compartment--placeholder-image--margin-top: 24px !default;
 $ibo-quick-create--compartment--placeholder-image--margin-bottom: 16px !default;
 $ibo-quick-create--compartment--placeholder-image--margin-x: auto !default;
@@ -168,6 +173,7 @@ $ibo-quick-create--compartment--placeholder-hint--text-color: $ibo-color-grey-70
 	@extend %ibo-font-ral-nor-100;
 }
 .ibo-quick-create--compartment-title{
+	margin-top: $ibo-quick-create--compartment-title--margin-top;
 	margin-bottom: $ibo-quick-create--compartment-title--margin-bottom;
 	padding-left: $ibo-quick-create--compartment-title--padding-left;
 	overflow-x: hidden;
@@ -202,27 +208,41 @@ $ibo-quick-create--compartment--placeholder-hint--text-color: $ibo-color-grey-70
 .ibo-quick-create--compartment-element{
 	display: flex;
 	align-items: center;
+	padding: $ibo-quick-create--compartment-element--padding-y $ibo-quick-create--compartment-element--padding-x;
+	margin-left: $ibo-quick-create--compartment-element--margin-x;
+	margin-right: $ibo-quick-create--compartment-element--margin-x;
 	color: inherit;
 
 	@extend %ibo-text-truncated-with-ellipsis;
-
-	&:not(:last-child){
-		margin-bottom: $ibo-quick-create--compartment-element--margin-bottom;
-	}
 }
 .ibo-quick-create--compartment-element-image{
 	margin-right: $ibo-quick-create--compartment-element-image--margin-right;
 	width: $ibo-quick-create--compartment-element-image--width;
 }
 
+.ibo-quick-create--compartment-results--container{
+	width: $ibo-quick-create--compartment-results--container--width;
+}
 .ibo-quick-create--compartment-results--element > .option{
-	margin-bottom: $ibo-quick-create--compartment-element--margin-bottom;
+	padding: $ibo-quick-create--compartment-element--padding-y $ibo-quick-create--compartment-element--padding-x;
+	margin-left: $ibo-quick-create--compartment-element--margin-x;
+	margin-right: $ibo-quick-create--compartment-element--margin-x;
 	color: inherit;
-	
+
+	@extend %ibo-text-truncated-with-ellipsis;
+
+	&.active{
+		background-color: $ibo-quick-create--compartment-element--background-color--is-active;
+		border-radius: $ibo-quick-create--compartment-element--border-radius--is-active;
+	}
 	&:hover{
 		cursor: pointer;
 		@extend a:hover;
 	}
+
+	.highlight{
+		font-weight: bold;
+	}
 }
 
 .ibo-quick-create--compartment--placeholder{
diff --git a/js/components/quick-create.js b/js/components/quick-create.js
index 11a7f9657..bfb1429e1 100644
--- a/js/components/quick-create.js
+++ b/js/components/quick-create.js
@@ -31,6 +31,7 @@ $(function()
 		css_classes:
 		{
 			opened: 'ibo-is-opened',
+			hidden: 'ibo-is-hidden',
 		},
 		js_selectors:
 		{
@@ -157,11 +158,14 @@ $(function()
 		},
 		_openDrawer: function()
 		{
+			this.element.find(this.js_selectors.compartment_element).removeClass(this.css_classes.hidden);
 			this.element.addClass(this.css_classes.opened);
 		},
 		_closeDrawer: function()
 		{
 			this.element.removeClass(this.css_classes.opened);
+			//Note: Elements are hidden to avoid having the keyboard navigation "TAB" passing throught them when they are not displayed
+			this.element.find(this.js_selectors.compartment_element).addClass(this.css_classes.hidden)
 		},
 		_setFocusOnInput: function()
 		{