Single Product Page: Related products showing in 2 rows not 1

G’day all,

Have a small problem I have made some changes to single product page to make sidebar on the right following this thread here https://kriesi.at/support/topic/single-product-page-is-strange-sidebar-appears-under-product/
All looks fine except the related products now using 2 rows

I have added the following to functions.php (child theme) with latest wordpress, enfold and woocommerce
any help would be great thanks.

#
# wrap single product image in an extra div
#

function avia_add_image_div() {
echo “<div class=’single-product-main-image alpha’>”;
}

function avia_close_image_div() {
echo “</div>”;
}

#
# wrap single product summary in an extra div
#

function avia_add_summary_div() {
echo “<div class=’single-product-summary’>”;
}

function avia_close_summary_div() {
echo “</div>”; //close out the summary
get_sidebar();
}

function avf_product_sidebar_layout_mod($layout){
if( is_single() )$layout = “sidebar_left”;
return $layout;
}

add_action(‘init’, ‘ava_product_sidebar_mod’);
function ava_product_sidebar_mod() {
add_action( ‘woocommerce_before_single_product_summary’, ‘avia_add_image_div’, 2 );
add_action( ‘woocommerce_before_single_product_summary’, ‘avia_close_image_div’, 20 );
add_action( ‘woocommerce_before_single_product_summary’, ‘avia_add_summary_div’, 25 );
add_action( ‘woocommerce_after_single_product_summary’, ‘avia_close_summary_div’, 3 );
add_filter( ‘avf_product_sidebar_layout’, ‘avf_product_sidebar_layout_mod’, 5);
}

and added css to theme options
.single-product .product {
width: 68%;
margin-right: 4%;
clear: none;
float: left;
}