diff --git a/src/app/sidebar/sidebar.component.html b/src/app/sidebar/sidebar.component.html
index 0a946bc..9ba264f 100644
--- a/src/app/sidebar/sidebar.component.html
+++ b/src/app/sidebar/sidebar.component.html
@@ -1,26 +1,27 @@
 <div class="d-flex align-items-center flex-column h-100 bg-dark pt-2 text-center">
 
   <h4 class="border-bottom border-white"> Mi compra </h4>
-
-  <div class="card mt-2 bg-primary">
-    <img src="../../assets/descarga.jpg" class="card-img-top" alt="...">
-    <div class="card-body row m-0 p-0 px-1 py-1 shadow rounded">
-      <div class="col-8 p-0 text-left my-auto">
-        <p class="m-0 card-description">Galleta oreo x 199 gs Chocolate</p>
-        <p class="m-0 card-description"><small>COD: 1234567</small></p>
-      </div>
-      <div class="col-4 p-1 text-center my-auto">
-        {{90 | currency}}
+  <div class="overflow-auto mb-2">
+    <div class="card my-2 bg-primary">
+      <img src="../../assets/descarga.jpg" class="card-img-top" alt="...">
+      <div class="card-body row m-0 p-0 px-1 py-1 shadow rounded">
+        <div class="col-8 p-0 text-left my-auto">
+          <p class="m-0 card-description">Galleta oreo x 199 gs Chocolate</p>
+          <p class="m-0 card-description"><small>COD: 1234567</small></p>
+        </div>
+        <div class="col-4 p-1 text-center my-auto">
+          {{90 | currency}}
+        </div>
       </div>
-    </div>
-    <div class="row m-0 p-0">
-      <div class="col p-1 pb-1 mt-2">
-        <button type="button" class="btn btn-light btn-sm float-left my-auto">X</button>
-        <button type="button" class="btn btn-light btn-sm my-auto">X</button>
-        <div class="btn-group-sm btn-group float-right my-auto" role="group" aria-label="Basic example">
-          <button type="button" class="btn btn-light btn-sm mb-2">+</button>
-          <label for="" class="border border.white px-1">12</label>
-          <button type="button" class="btn btn-light btn-sm mb-2">-</button>
+      <div class="row m-0 p-0">
+        <div class="col p-1 pb-1 mt-2">
+          <button type="button" class="btn btn-light btn-sm float-left my-auto">X</button>
+          <button type="button" class="btn btn-light btn-sm my-auto">X</button>
+          <div class="btn-group-sm btn-group float-right my-auto" role="group" aria-label="Basic example">
+            <button type="button" class="btn btn-light btn-sm mb-2">+</button>
+            <label for="" class="border border.white px-1">12</label>
+            <button type="button" class="btn btn-light btn-sm mb-2">-</button>
+          </div>
         </div>
       </div>
     </div>
@@ -38,5 +39,4 @@
         <button type="button" class="btn btn-light shadow btn-sm">Cancelar</button>
       </div>
     </div>
-  </div>
-</div>
\ No newline at end of file
+  </div>
\ No newline at end of file
diff --git a/src/styles.scss b/src/styles.scss
index b9ba2c0..6a939b2 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -16,5 +16,5 @@ body {
   user-select: none;
 }
 .blue-gradient{
-  background: linear-gradient(0deg,  rgba(40,112,175,1),rgb(252, 252, 252));
+  background: linear-gradient(0deg,  rgb(20,56,68),rgb(252, 252, 252));
 }