Navbar no se muestra bien en el navegador, al momento de abrir el carrito en el lado derecho este se muestra incompleto, que debo corregir para que el proyecto se visualice bien?
<header>
<div class="container">
<div class="row align-items-stretch justify-content-between">
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-info">
<a class="navbar-brand" href="#">UnicorShop</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<img src="img/ccomprar.png" class="nav-link dropdown-toggle img-fluid" height="70px"
width="70px" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false"></img>
<div id="carrito" class="dropdown-menu" aria-labelledby="navbarCollapse">
<table id="listascarro" class="table">
<thead>
<tr>
<th>Imagen</th>