CSS Safari Mac id=wpseo_content_top overlaps wordpress menu

Theres something new to the way the settings pages are showing in the wordpress admin for wordpress-seo.

When you view the settings pages, the left hand wordpress menu in some places becomes un responsive and appears to be overlapped by the <div> below.

i am using a macbook air with 11″ screen. but never had this issue.

I tracked it down to:

<div id="wpseo_content_top" class="postbox-container"> ... </div>

the CSS for id wpseo_content_top is causing the issues.

current CSS rules in yet_plugin_tools.min.css

#wpseo_content_top {
min-width: 800px;
padding: 0 20px 0 261px;
margin-left: -261px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
}

fixed with:

#wpseo_content_top {
max-width: 800px;
padding: 0 20px 0 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
}

https://wordpress.org/plugins/wordpress-seo/