-

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

@@ -1,7 +1,9 @@
 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

@@ -33,7 +33,7 @@ import PopoverComponent from "./PopoverComponent";
 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);
@@ -196,7 +196,7 @@ const NavbarComponent = () => {
             fullWidth
             endAdornment={<SearchIcon />}
             size="small"
-            label="Pretražite proizvode"
+            label="Pretražite proizvode..."
             id="fullWidth"
           />
           <Box

src/components/MUI/NavbarComponent.styled.js

@@ -10,7 +10,7 @@ export const SearchInput = styled(TextField)`
         width: 36%;
     }
     @media (max-width: 900px) {
-        width: 27%;
+        width: 54%;
     }
     @media (max-width: 600px) {
         width: 36%;