Link component takes the full width of the parent element

[shakyapeiris]

Describe the bug
In the individual task page (eg: https://bits.acicts.lk/task/CA02), the button function is applied to the parent element (a tag/Link component) of the button element. Because of that even when I click on a different place in x axis (but in the same y position), it redirects user to the tasks page.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://bits.acicts.lk/task/CA02
2. Click on the parent element of the back button. (a tag/Link component)

Expected behavior
Nothing was expected to happen. But when I mistakenly click on that region, it redirected me to the task page.

Desktop (please complete the following information):

• OS: Windows
• Browser Chrome
• Version 94.0

Additional context
You can fix this issue by setting the width of the Link component (a tag) to min-content

[shakyapeiris]

BITS21/src/Components/Tasks/TaskInfo/TaskInfo.js

Line 156 in c33aa11

<Link to="/tasks">