Objeto em forma de Faixa quebrando o layout.

Olá! Eu estava fazendo o curso normalmente e tinha consegui colocar a faixa... porém eu fiz alguma coisa que depois que eu fui ver a faixa estava quebrando o layout. Procurei e não achei nada. Alguém poderia me ajudar?

Print: http://image.prntscr.com/image/537689405a3742218f98ed3cf3e765c3.png

CSS

.banner-twitter {
    line-height: 1;
    padding: 14px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    color: white;
    font-size: 16px;
    font-family: "Open Sans Condensed", sans-serif;
    text-transform: capitalize;
}

.banner-twitter {

    background: rgb(75, 8, 85);
    height: 50px;
    width: 20%;
    position: absolute;
    border: 4px solid #000;
    top: 0;
    right: 0;
    transform-origin: 0 0;
    transform: translate(50%, -90%) rotate(45deg);
}