JSFiddle - React, Tailwind, and code Playground

HTML

<div id="dashboard_layer">
        <div id="layerfilters_box">
            <div id="logo_left">
                <img alt="Audience Square" src="http://www.rational-animal.org/wp-content/uploads/2012/02/Facebook-logo-small-300x300.png" />		            
            </div>
            <div id="logo_right">
                <img alt="Audience Square" src="http://upload.wikimedia.org/wikipedia/commons/thumb/4/42/9front_logo.svg/150px-9front_logo.svg.png" />		
                </div>
            <div id="layerfilters">
                <div class="filter double" id="filter1_container">
                    <button type="button" class="ui-multiselect ui-widget ui-state-default ui-corner-all" aria-haspopup="true" style="width: 80px;"><span>Button 1</span></button>
                </div>
                <div class="filter double" id="filter2_container">
                    <button type="button" class="ui-multiselect ui-widget ui-state-default ui-corner-all" aria-haspopup="true" style="width: 80px;"><span>Button 2</span></button>
                </div>
                <div class="filter simple" id="filter3_container">
                    <button type="button" class="ui-multiselect ui-widget ui-state-default ui-corner-all" aria-haspopup="true" style="width: 80px;"><span>Button 3</span></button>
                </div>
                <div class="filter simple" id="filter4_container">
                    <button type="button" class="ui-multiselect ui-widget ui-state-default ui-corner-all" aria-haspopup="true" style="width: 80px;"><span>Button 4</span></button>
                </div>
             </div>
            <div class="clear"></div>
        </div>
    </div>

CSS

body
{
    background-color:red;
}
#dashboard_layer
{
	position:fixed;
	min-height:100px;
	width:100%;
	margin-left:0px;
	margin-right:0px;
	padding-top:0px;
	padding-left: 0px;
	padding-right: 0px;
	z-index: 100;
	left:0px;
}

#dashboard_layer #layerfilters_box
{
	height:100%;
	left:0;
	padding: 5px 10px;
}

#dashboard_layer #layerfilters_box
{
	background-color: white;
	margin-right: 150px;
}

#dashboard_layer #logo_left, #dashboard_layer #logo_right
{
	height:100%;
	width:100px;
}

#dashboard_layer #logo_left
{
	float:left;
	margin-right:20px;
}

#dashboard_layer #logo_right
{
	float:right;
	margin-left: 20px;
}

#dashboard_layer #logo_left img, #dashboard_layer #logo_right img
{
	max-height: 90px;
	max-width:150px;
}

.clear
{
    clear:both;
}

#dashboard_layer #layerfilters .filter
{
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
}

#dashboard_layer #layerfilters .filter.simple
{
	height:30px;
}

#dashboard_layer #layerfilters .filter.double
{
	height:50px;
}

#dashboard_layer #layerfilters
{
	margin-top:0px;
}