From c2be554f74e9b69e0f07b9aac9417df3d5b6cb2c Mon Sep 17 00:00:00 2001
From: Jonath-z <jonathanzihindula95@gmail.com>
Date: Thu, 29 Dec 2022 12:44:27 +0200
Subject: [PATCH] fix: equalizer responsive on mobile

---
 components/modules/NewReleases/Equalizer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/modules/NewReleases/Equalizer.tsx b/components/modules/NewReleases/Equalizer.tsx
index 614fceb..fe5c15a 100644
--- a/components/modules/NewReleases/Equalizer.tsx
+++ b/components/modules/NewReleases/Equalizer.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 const Equalizer = () => {
   return (
-    <div className="gap-1 relative h-12 w-[18.75rem]">
+    <div className="gap-1 relative h-12 w-[6rem] lg:w-[18.75rem]">
       <span className="bg-white w-4 h-full rounded-sm animate-equalizerBarOne absolute bottom-0" />
       <span className="bg-white w-4 h-full rounded-sm animate-equalizerBarTwo absolute ml-5 bottom-0" />
       <span className="bg-white w-4 h-full rounded-sm animate-equalizerBarThree absolute ml-10 bottom-0" />