CSS Style WP Admin

Hallo,
ich versuche gerade eine Plugin Idee umzusetzen, Stoße aber leider auf ein kleines Problem mit den CSS Anweisungen für meine Settings Page im Backend.
Ich möchte, dass die Settings nicht wie üblich auf diesem grauen Hintergrund liegen sondern auf einem weißen Hintergrund. Dazu habe ich den folgenden Code:

<?php public function settings_page() {
        ?>
        <div class="wrap">
            <div class="custom-plugin">
                <div class="logo">Test<br>test1<br>test2<br></div>
                <div class="title"><h1>Custom Plugin</h1><br><br><br><br><br><br><br></div>
            </div>
        </div>
        <?php
    }

Mein CSS dazu sieht wie folgt aus:

.wrap {
    margin-top: 25px;
    margin-left: 20px;
    margin-right: 40px;
}


.custom-plugin {
    background-color: #fff;
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #ccd0d4;
    width: 100%;
}


.logo {
    float: left;
    width: 25%;
    background-color: sienna;
}


.title {
    float: left;
    width: 75%;
    background-color: skyblue;
}

Zur Veranschaulichung noch ein kleines Bild, wo mein Problem vielleicht klar wird. Die beiden zur Demonstrations farblichen Blöcke sollen in dem weißen DIV 'custom-plugin' liegen. leider gelingt mir das nicht. Auch nicht, wenn ich ein height: 100 !important setze.
Kann mir hier vielleicht einer einen Denkanstoß geben.

Ich habe das ganze jetzt mit Flexboxen gelöst. Werde mir aber eure Vorschläge nochmal anschauen. Mit mit den Flexboxen noch nicht so vertraut.