diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss b/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss index 433e40084d..d0a2f2bb0f 100644 --- a/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss +++ b/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss @@ -25,18 +25,24 @@ limitations under the License. justify-content: space-between; } -.mx_TagPanel .mx_TagPanel_logo { +.mx_TagPanel .mx_TagPanel_clearButton { + /* Constant height within flex mx_TagPanel */ + height: 70px; width: 60px; - height: 60px; - padding: 5px 0px; + + flex: none; + + display: flex; + justify-content: center; + align-items: center; } -.mx_TagPanel .mx_TagPanel_logo.mx_AccessibleButton:focus { +.mx_TagPanel .mx_TagPanel_clearButton.mx_AccessibleButton:focus { filter: none; background: rgba(255,255,255, 0.2); } -.mx_TagPanel .mx_TagPanel_logo object { +.mx_TagPanel .mx_TagPanel_clearButton object { pointer-events: none; }