charts js👷‍♂️

src/components/Doughnut/LineChart.jsx

@@ -101,6 +101,7 @@ const LineChart = () => {
         justifyContent={"space-between"}
         alignItems={"center"}
         mb={4}
+        // px={{base : "20px"md, : ""}}
       >
         <Heading fontSize={"md"} fontWeight={500}>Transaction History</Heading>
         <ChartsTabs setSelectedValue={setSelectedValue} selectedValue={selectedValue} />

src/components/NavBar/NavBar.jsx

@@ -76,17 +76,16 @@ const NavBar = () => {
                   </Text>
                 )}
               </NavLink>
-              <NavLink
-                to="/subnet"
-                style={({ isActive }) => ({
-                  fontSize: "14px",
-                  fontWeight: "400",
-                  borderBottom: isActive
-                    ? "1px solid #DE858E"
-                    : "0px solid #fff", // Active style for SUBNETS
-                })}
-              >
-                SUBNETS
+              <NavLink to="/subnet">
+                {({ isActive }) => (
+                  <Text
+                    fontSize={{ base: "12px", md: "14px" }}
+                    fontWeight="400"
+                    borderBottom={isActive ? "1px solid #DE858E" : "0px solid #fff"}
+                  >
+                    SUBNETS
+                  </Text>
+                )}
               </NavLink>
               <SwitchBtn
                 isSwitchOn={isSwitchOn}

src/pages/Home.jsx

@@ -117,7 +117,7 @@ const Home = () => {
         <AmountCard />
         <Container maxW="6xl" p={{base:"2rem 1rem",md:"4rem 1rem"}}>
           <Box
-            p={5}
+            p={{base :1,md : 5}}
             rounded={10}
             bg={colorMode === "light" ? "#DEDBEB47" : "#232127"}
           >