diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 78d54d9..4d2904b 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -59,7 +59,7 @@ const Home = () => {
                       colorMode === "light" ? "none" : "1px solid #230A79",
                   }}
                 />
-                <Button
+                {/* <Button
                   zIndex={99}
                   h={"42px"}
                   position={"absolute"}
@@ -85,9 +85,57 @@ const Home = () => {
                   _focus={{ outline: "none" }}
                 >
                   Generate short url
+                </Button> */}
+
+
+                <Button
+                  zIndex={99}
+                  h={"42px"}
+                  w={'24%'}
+                  // position={"absolute"}
+                  fontWeight={400}
+                  right={"0"}
+                  top={"0"}
+                  fontSize={"sm"}
+                  rounded={0}
+                  border={`1px solid ${
+                    colorMode === "light" ? "#230A79" : "#393939"
+                  }`}
+                  borderLeft={0}
+                  borderRight={0}
+                  bg={colorMode === "light" ? "transparent" : "#565252"}
+                  _hover={{
+                    border: `1px solid ${
+                      colorMode === "light" ? "#230A79" : "#393939"
+                    }`,
+                    outline: "0px",
+                  }}
+                  _focus={{ outline: "none" }}
+                >
+                  Generate short url
                 </Button>
+
+                <Box
+                pointerEvents="none"
+                position={"inherit"}
+                right={"0"}
+                h={"42px"}
+                w={"6%"}
+                roundedRight={7}
+                display={"flex"}
+                justifyContent={"center"}
+                alignItems={"center"}
+                bg={colorMode === "light" ? "light.100" : "#393939"}
+                color={colorMode === "light" ? "#230A79" : "#fff"}
+                border={`1px solid ${
+                  colorMode === "light" ? "#230A79" : "#393939"
+                }`}
+              >
+                <IoSearch fontSize={"20px"} />
+                </Box>
+                
               </InputGroup>
-              <Box
+              {/* <Box
                 pointerEvents="none"
                 position={"inherit"}
                 right={"0"}
@@ -104,7 +152,7 @@ const Home = () => {
                 }`}
               >
                 <IoSearch fontSize={"20px"} />
-              </Box>
+              </Box> */}
             </Box>
           </Container>
         </VStack>