title: Reduce/remove the gap between two table cells? in react
body: <p>I want to  make the img and text below as close as possible, but I'm having difficulties doing so..
  <a href="https://i.stack.imgur.com/Qsado.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Qsado.png" alt="enter image description here" /></a></p>
  <p>CSS for style on container :</p>
  <pre><code>const style = {
      height: '100%',
      top: '0px',
      left: '0%',
      width:'12%',
      position: 'fixed',
      color: 'rgb(30 215 96)',
      textAlign: 'center',
      background: 'rgb(40, 40, 40)'
   };
  </code></pre>
  <pre><code>&lt;Container style={style}&gt;
  &lt;Table&gt;
   &lt;TableRow&gt;
                 &lt;TableCell style={{width: '3px'}}&gt;{track.trackCover,
                 &lt;img
                          class=&quot;cover&quot;
                          alt=&quot;cover&quot;
                          style={{ width: &quot;50px&quot;, height: &quot;50px&quot; }}
                          src={track.trackCover}
                        /&gt;}&lt;/TableCell&gt;
                &lt;TableCell style={{width: '3px'}} &gt;{track.name}, {track.artists}&lt;/TableCell&gt;
               
              &lt;/TableRow&gt;
         &lt;/Table&gt;
      &lt;/Container&gt;
  </code></pre>
  <p>I've currently got it set  up like this. The width in the table cell reduces it as close as the img above, however I want them basically touching.. I've tried -3px and even 0. But They seem to make it more distant.  Can someone help me identify what I'm doing wrong please?</p>