From 7b3de99805a3a66c0178091f9b2a6f9ebf8e9d2a Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Wed, 14 Oct 2020 19:26:14 -0300
Subject: [PATCH] Changes

---
 components/cart/CartSidebarView/CartSidebarView.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/components/cart/CartSidebarView/CartSidebarView.tsx b/components/cart/CartSidebarView/CartSidebarView.tsx
index 0212209d2..92fd2685b 100644
--- a/components/cart/CartSidebarView/CartSidebarView.tsx
+++ b/components/cart/CartSidebarView/CartSidebarView.tsx
@@ -61,13 +61,16 @@ const CartSidebarView: FC = () => {
       </header>
 
       {isEmpty ? (
-        <div className="flex-1 px-4 flex flex-col justify-center items-center">
-          <span className="border border-dashed border-white rounded-full flex items-center justify-center w-16 h-16">
-            <Bag />
+        <div className="flex-1 px-4 flex flex-col justify-center items-center ">
+          <span className="border border-dashed border-white rounded-full flex items-center justify-center w-16 h-16 bg-black p-12 rounded-lg text-white">
+            <Bag className="absolute" />
           </span>
-          <h2 className="pt-6 text-xl font-light text-center">
-            Your cart is empty.
+          <h2 className="pt-6 text-2xl font-bold tracking-wide text-center">
+            Your cart is empty
           </h2>
+          <p className="text-accent-3 px-10 text-center pt-2">
+            Biscuit oat cake wafer icing ice cream tiramisu pudding cupcake.
+          </p>
         </div>
       ) : error ? (
         <div className="flex-1 px-4 flex flex-col justify-center items-center">