title: white space between images in owl carousel 2
body: <p>I am trying simple slider in owl carousel but there's space between images. How to remove space between images in owl- carousel 2? I tried to increase items but it removes the arrow button.
  In mobile view, space is even more between two images. Please help.
  Thank you</p>
  
  <p>main.js</p>
  
  <pre><code>$(document).ready(function(){
      $('.owl-carousel').owlCarousel({
          autoWidth:false,
          items:3,
          loop:true,
          margin:10,
          autoplay:true,
          autoplayTimeout:2000,
          autoplayHoverPause:true,
          dots: false,
          stagePadding:40,
          nav:true,
          navText: ['&lt;i class="fas fa-chevron-left" aria-hidden="true"&gt;&lt;/i&gt;','&lt;i class="fas fa-chevron-right" aria-hidden="true"&gt;&lt;/i&gt;'],
          responsive:{
              0:{
                  items:2
              },
              600:{
                  items:2
              },
              1000:{
                  items:5
              }
          }
      })
    });
  </code></pre>
  
  <p>style.css</p>
  
  <pre><code>  .owl-carousel .item img{
      height:120px;
      width:120px;
  }
  
  .owl-item .active{
      height:120px;
      width:120px;
  }
  .owl-carousel .item{
      text-align: center;
  }
  
  /* owl nav */
  .owl-prev i, .owl-next i {
      color: #000000;
  }
  
  .owl-prev, .owl-next {
      position:absolute;
      top: 0;
      height:30%;
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      border-radius: 30px;
      background: #869791;
  
  }
  
  .owl-prev {
      left:0;
      top: 42px;
  }
  
  .owl-next {
      right:0;
      top: 42px;
  }
  /* removing blue outline from buttons */
  .owl-next:focus, .owl-prev:focus
   {
       outline: none;
  }
  
  .caroussel-theme{
      background-color: aquamarine
  }
  .container-fluid {
      max-width: 1230px;
  }
  .text-content{
      color:#000000;
      font-size:16px;
      font-family: 'Georgia, 'Times New Roman', Times, serif';
  }
  div.owl-item &gt; div {
      display:table-cell;
      vertical-align:middle;
  }
  .owl-stage{
      width:150px;
  }
  </code></pre>
  
  <p>Image:
  image that shows space between two images
  <a href="https://i.stack.imgur.com/VQYHu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VQYHu.png" alt="enter image description here"></a></p>