fixed admin-post-drop-down

Author: aadityarajkumawat

client/src/components/layout components/Trending/TrendingItem/TrendingItem.js

@@ -1,3 +1,4 @@
+import { HamburgerIcon } from "@chakra-ui/icons";
 import {
   Flex,
   Image,
@@ -152,16 +153,18 @@ const TrendingItem = ({
             ></i>
             {adminPrivilages.postAccessibility && (
               <Fragment>
-                <Flex mt="10px">
+                <Flex mt="10px" className="admin-post-drop">
                   <Menu>
                     <MenuButton
                       as={Flex}
-                      w="15px"
+                      w="20px"
                       h="20px"
                       justifyContent="center"
                       alignItems="center"
                       _hover={{ bg: "#ffffff80" }}
-                    ></MenuButton>
+                    >
+                      <HamburgerIcon />
+                    </MenuButton>
                     <MenuList>
                       <MenuItem onClick={() => deletePost(post._id)}>
                         Delete

client/src/index.css

@@ -10,3 +10,9 @@ body {
   height: 100%;
   /* overflow-x: hidden; */
 }
+
+.admin-post-drop div span {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}