Revision history [back]

To move the react-icons from below the content to beside it, you can use CSS to change the display property of the icon container. By default, it's probably set to "block" which means it takes up the full width of the parent element and appears below other elements. To move it beside the content, you can change the display property to "inline" or "inline-block".

Here's an example of how you can do this:

.icon-container {
  display: inline-block;
}

Make sure to replace ".icon-container" with the actual class name of the container that holds your react-icons. Once you change the display property to "inline-block", the icons will appear beside the content instead of below it.

You may also need to adjust the margins or paddings of the elements to achieve the desired layout.