@import "../../colors";

.commenting-status {
    border: 1px solid $ui-blue-10percent;
    border-radius: 8px;
    padding: 1.75rem 3rem 2rem;
    margin: .5rem 0 2.25rem;
    background-color: $ui-blue-10percent;
    width: 100%;
    text-align: center;

    p {
        margin-bottom: 0;
        line-height: 1.75rem;
    }
    .bottom-text {
        font-size: .875rem;
    }
    .status-icon-class {
        width: 28px;
        height: 28px;
    }
}

@import "../../colors";

.commenting-status {
    border: 1px solid $ui-blue-10percent;
    border-radius: 8px;
    padding: 1.75rem 3rem 2rem;
    margin: .5rem 0 2.25rem;
    background-color: $ui-blue-10percent;
    width: 100%;
    text-align: center;

    p {
        margin-bottom: 0;
        line-height: 1.75rem;
        max-width: 36rem;
    }
    .bottom-text {
        font-size: .875rem;
        width: 100%;
    }
    .status-icon-class {
        width: 28px;
        height: 28px;
    }
}

Adjust formatting of the comment status box
Adjust formatting of the comment status box

Reduce the width of the comment status paragraphs to make them easier to read. Ensure that the bottom text is still below all other text by making it 100% width.
