Html 在材质设计导航栏中放置导航栏品牌图标

我是网络开发新手，不知道如何在导航栏的左上角放置我的导航栏品牌徽标。我正在使用mdbootstrap进行样式设置。我尝试了所有可能的定位，但我的标志在左上角有一个空白。我想删除上边距并调整徽标的高度和宽度。代码和当前css属性附在下面。徽标上的背景色仅供检查

<Router>
                <MDBNavbar
                    color="white"
                    light
                    expand="md"
                    className="p-4 text-dark shadow-sm"
                >
                    <MDBNavbarBrand>
                        <img
                            src={logo}
                            className="rounded float-left logo position-absolute"
                            alt="Logo"
                        />
                    </MDBNavbarBrand>
                    <MDBNavbarToggler onClick={toggleCollapse} />
                    <MDBCollapse id="navbarCollapse3" isOpen={isOpen} navbar>
                        <MDBNavbarNav right className="font-weight-normal">
                            <MDBNavItem className="px-5 ">
                                <MDBNavLink to="/home">Home</MDBNavLink>
                            </MDBNavItem>

                        </MDBNavbarNav>
                    </MDBCollapse>
                </MDBNavbar>
            </Router>

/////////////css properties////////

.logo {
    margin: 0px;
    padding: 0px;

    background-color: aquamarine;
}

家
/////////////css属性////////
.标志{
边际：0px；
填充：0px；
背景颜色：海蓝宝石；
}

如果不对此处包含的组件进行深入研究，我们将无法帮助您。也许设置一个codesandbox，以便我们可以查看问题并检查元素？