JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="table_link">
  <canvas class="canvas_table_item"></canvas>             <span>Chair</span>
</a>

CSS

body, div {
    margin: 0;
    padding: 0;
}
html, body {
    background: gray;
    height: 100%;
}
a.table_link {
    display: inline-block;
    border: 1px solid black;
}
a:hover > canvas {
    background-color:rgba(255, 255, 255, 1);
}

a:hover > * { color:rgba(255, 255, 255, 1); }