title: Gaps between items in my ListBox
body: <p>When I create <code>ListBox</code> with horizontal items ordering for example like this:</p>
  <pre><code>&lt;DockPanel&gt;
      &lt;ListBox&gt;
          &lt;ListBox.ItemsPanel&gt;
              &lt;ItemsPanelTemplate&gt;
                  &lt;VirtualizingStackPanel Orientation=&quot;Horizontal&quot; /&gt;
              &lt;/ItemsPanelTemplate&gt;
          &lt;/ListBox.ItemsPanel&gt;
          &lt;ListBoxItem&gt;
              &lt;Button Content=&quot;Hello&quot; /&gt;
          &lt;/ListBoxItem&gt;
          &lt;ListBoxItem&gt;
              &lt;Button Content=&quot;Hello&quot; /&gt;
          &lt;/ListBoxItem&gt;
      &lt;/ListBox&gt;
  &lt;/DockPanel&gt;
  </code></pre>
  <p>I have small gaps between buttons in the list as indicated by the arrows on following picture:</p>
  <p><img src="https://i.stack.imgur.com/9vO81.jpg" alt="Picture showing gaps" /></p>
  <p>How can I get rid of those gaps please ? I need to have items in <code>ListBox</code> just next to each other. I have tried changing <code>ItemTemplate</code> of the <code>ListBox</code> but it did not help.</p>