From a1ee24e30e0835a72418b48590585349d9504793 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Tue, 20 Oct 2020 16:29:28 -0300
Subject: [PATCH] Responsive Changes

---
 assets/utils.css                                      | 2 --
 components/product/ProductView/ProductView.module.css | 2 +-
 components/ui/Sidebar/Sidebar.tsx                     | 2 +-
 3 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/assets/utils.css b/assets/utils.css
index ecfdd545a..65dd5f63a 100644
--- a/assets/utils.css
+++ b/assets/utils.css
@@ -1,3 +1 @@
 @tailwind utilities;
-@tailwind utilities;
-@tailwind screens;
diff --git a/components/product/ProductView/ProductView.module.css b/components/product/ProductView/ProductView.module.css
index 8ca415fc7..e86769c44 100644
--- a/components/product/ProductView/ProductView.module.css
+++ b/components/product/ProductView/ProductView.module.css
@@ -2,7 +2,7 @@
   @apply relative grid items-start gap-8 grid-cols-1;
 
   @screen lg {
-    @apply grid-cols-12;
+    @apply grid-cols-12 pt-10;
   }
 }
 
diff --git a/components/ui/Sidebar/Sidebar.tsx b/components/ui/Sidebar/Sidebar.tsx
index 3a73e2587..a104ae42d 100644
--- a/components/ui/Sidebar/Sidebar.tsx
+++ b/components/ui/Sidebar/Sidebar.tsx
@@ -52,7 +52,7 @@ const Sidebar: FC<Props> = ({ className, children, show = true, close }) => {
                 leaveTo="opacity-0"
               >
                 <div
-                  className="absolute inset-0 bg-black bg-opacity-25 transition-opacity"
+                  className="absolute inset-0 bg-black bg-opacity-50 transition-opacity"
                   // Close the sidebar when clicking on the backdrop
                   onClick={close}
                 />