/* Replace Twitter icon with X icon - properly aligned */
.fa-twitter {
    font-family: inherit !important;
    font-size: 0 !important;
}

.fa-twitter::before {
    content: "" !important;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('/static/image/x-icon.png');
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

/* Ensure proper alignment in flex containers */
i.fa.fa-twitter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}