diff --git a/src/app/components/popover/popover.component.html b/src/app/components/popover/popover.component.html
index f514afe..3222193 100644
--- a/src/app/components/popover/popover.component.html
+++ b/src/app/components/popover/popover.component.html
@@ -1,6 +1,6 @@
 <div class="card-body">
   <div class="row">
-    <div class="col">
+    <div class="col text-left">
       <p class="h5 card-title">
         Este producto forma parte<br>
         de Combos y Promociones
@@ -8,16 +8,24 @@
     </div>
   </div>
 
-  <div class="row">
-    <div class="col text-dark">
-      <div class="bg-white rounded-sm p-2 px-3">
-        <div class="row justify-content-between">
-          <div class="col-auto">
-            <p class="h4 font-weight-bold mb-0">Promo 2x1</p>
-            <p class="h6 mb-0">{{popoverContent}}</p>
-          </div>
-          <div class="col-4 text-right my-auto">
-            <p class="h3 font-weight-bold mb-0">{{28 | currency}}</p>
+  <div class="overflow-scroll popover-size pr-2">
+    <div
+      class="row my-2"
+      *ngFor="let promo of popoverContent">
+      <div class="col text-dark">
+        <div class="bg-white rounded-sm p-2 px-3">
+          <div class="row justify-content-between">
+            <div class="col-auto text-left">
+              <p class="h5 font-weight-bold mb-0">{{promo.nombrePromo}}</p>
+              <p
+                class="h6 mb-0"
+                *ngFor="let producto of promo.productos">
+                {{producto.DetArt}}
+              </p>              
+            </div>
+            <div class="col-auto text-right align-self-end">
+              <p class="h4 font-weight-bold mb-0">{{28 | currency}}</p>
+            </div>
           </div>
         </div>
       </div>
diff --git a/src/app/components/popover/popover.component.ts b/src/app/components/popover/popover.component.ts
index 1d3716b..f509b4a 100644
--- a/src/app/components/popover/popover.component.ts
+++ b/src/app/components/popover/popover.component.ts
@@ -1,5 +1,6 @@
 import { Component, OnInit, Input } from '@angular/core';
 import { PopoverDirective } from 'ngx-bootstrap/popover';
+import { Promocion } from 'src/app/wrappers/promocion';
 
 @Component({
   selector: 'app-popover',
@@ -9,7 +10,7 @@ import { PopoverDirective } from 'ngx-bootstrap/popover';
 export class PopoverComponent implements OnInit {
 
   @Input() popover: PopoverDirective;
-  @Input() popoverContent: string;
+  @Input() popoverContent: Promocion[];
 
   constructor() { }