Clear all button is shown inside a rectangle when clicking it

**Description:**
When clicking the "clear all" button, it is shown inside a light blue rectangle.

**Steps to reproduce:**
1. Click on the clear all button placed in the order position section
2. Observe

**Enviorment:**
Browser: Google Chrome
Wallet: Metamask
Computer: Dell Vostro 5100 14 inches

**Capture:**
https://drive.google.com/open?id=1nVzte9niv2E9VRzhjD90DznBuBQYRO5k

Reproduce the issue in Google Chrome by opening the order position section and clicking the “clear all” button. Inspect the button’s visible focus or active styling and compare it with the intended appearance. Done means clicking “clear all” no longer shows the light blue rectangle.

Written by the indexing model from the issue text.