title: React Link component spans the entire width of the div
body: <p>I have a react Link component that contains a custom Button component that I made.  The Link component's width automatically set to fit it's parent div making areas clickable that shouldn't be.  I messed with the code and had the idea to put the Link into a Span resulting in this code.</p>
  <pre><code>&lt;span&gt;&lt;Link to=&quot;/&quot;&gt;&lt;Button buttonStyle=&quot;primary&quot;&gt;Create Account&lt;/Button&gt;&lt;/Link&gt;&lt;/span&gt;
  </code></pre>
  <p>This worked perfectly but I only <em>sort of</em> understand why.  Can someone explain this in full?  Why did this fix the clickable area for the Link and button components?</p>