From a2e7b34540fefe4a51abdfd472945d7bf213dd5f Mon Sep 17 00:00:00 2001
From: Apurv Sonawane <apurvsonawane28@gmail.com>
Date: Thu, 21 Mar 2024 15:58:56 +0530
Subject: [PATCH] Made it responsive

---
 src/components/CardTabs/Tags/index.jsx | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/components/CardTabs/Tags/index.jsx b/src/components/CardTabs/Tags/index.jsx
index 8a566662..c3406473 100644
--- a/src/components/CardTabs/Tags/index.jsx
+++ b/src/components/CardTabs/Tags/index.jsx
@@ -20,18 +20,23 @@ const useStyles = makeStyles(theme => ({
     }
   },
   tagsContainer: {
-    [theme.breakpoints.down("sm")]: {
-      maxWidth: "90vw",
-      display: "flex",
-      whiteSpace: "nowrap",
-      overflow: "auto",
-      "&::-webkit-scrollbar": {
-        height: "5px"
-      }
-    }
+    display: 'flex',
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: theme.spacing(1),
+    maxHeight: '150px', // Set max height for responsiveness
+    overflowY: 'auto', // Add vertical scrollbar when needed
+    '&::-webkit-scrollbar': {
+      width: '5px',
+    },
+    '&::-webkit-scrollbar-thumb': {
+      backgroundColor: theme.palette.primary.main,
+      borderRadius: '5px',
+    },
   },
   chip: {
-    margin: "0px 10px 10px 0px",
+    // margin: "0px 10px 10px 0px",
+    margin: theme.spacing(0.5),
     borderRadius: "5px",
     cursor: "pointer"
   }