-

src/components/Buttons/PrimaryButton/PrimaryButton.styled.js

 import { Button } from "@mui/material";
 import styled from "styled-components";
 
-export const ComponentContainer = styled.div``;
+export const ComponentContainer = styled.div`
+  min-width: fit-content;
+`;
 
 export const PrimaryButtonStyled = styled(Button)`
   background-color: ${props => props.variant === "contained" ? props.buttonColor : "transparent"};

src/components/MUI/NavbarComponent.js

 const NavbarComponent = () => {
   const [openDrawer, setOpenDrawer] = useState(false);
   const theme = useTheme();
-  const matches = useMediaQuery(theme.breakpoints.down("sm"));
+  const matches = useMediaQuery(theme.breakpoints.down("md"));
 
   const handleToggleDrawer = () => {
     setOpenDrawer(!openDrawer);
             fullWidth
             endAdornment={<SearchIcon />}
             size="small"
-            label="Pretražite proizvode"
+            label="Pretražite proizvode..."
             id="fullWidth"
           />
           <Box

src/components/MUI/NavbarComponent.styled.js

         width: 36%;
     }
     @media (max-width: 900px) {
-        width: 27%;
+        width: 54%;
     }
     @media (max-width: 600px) {
         width: 36%;