Hi Piotr, As your web site does not accept SVG files which are now quite common now days everywhere for icons, I was not able to upload them. However I have now made PNG files of the same size and shape instead. 120 x 50 Here they are. Regards Mark

This gives a correct navbar but exactly same style

style={{ maxWidth: "4rem", maxHeight: "2rem" }}

added to the second row logo gives this output.(screen grab) Eg does not scale to fit so it is inconsistent across the buttons.

Hi Piotr,If I use css external to the page every time I refresh it sometimes jumps around not staying consistent.If I put it in line like below it appears to work but assume it should be able to be done on css page to be dynamic sizing to fit laptops and well as phone screens.This sort of works but if you have a better way I would appreciate it.

enter code here

        <MDBHamburgerToggler
          color="#ffffff"
          id="hamburger1"
          onClick={() => this.toggleSingleCollapse("collapse1")}
        />
        <MDBCollapse isOpen={this.state.collapse1} navbar>
          <MDBNavbarNav right>
            <MDBNavItem>
              <Link to="/photos">
                <MDBBtn gradient="young-passion" size="sm">
                  <Logo2 />
                </MDBBtn>
              </Link>

Hi Piotr, I am getting in consistent results doing it this way so not sure if it is because it is being used in Gatsby but what is the "MDB" way of making the buttons smaller using CSS and "fit" better particularly when viewed on Phone screen which at the moment stacks the 2 buttons rather than staying across the top of the Navbar. (see attached screen grab) I am using 27.0 so is the latest React. Seems the buttons ignore CSS so wondering if you have an example that should work to compare with.

Regards Mark