[Theme Penscratch] Facebook Widget Issue

I am having issues with the Facebook widget.

This link shows my issue http://www.rosstheexplorer.com/comparisons-between-australia-and-europe/.

I do not want the widget to say ‘Ross The Exp…’ I want it to say ‘Ross The Explorer’. I have tried multiple plugins and tried many many different height and width combinations.

I am now wandering if the only way to fix the issue is to alter the side bar width. Here is the current code.

.content-area {
float: left;
width: 100%;
margin: 0 -30% 0 0;
}

.site-main {
margin: 0 30% 0 0;
}

.site-content .widget-area {
float: right;
overflow: hidden;
width: 25%;
margin-top: 0;
padding-top: 0;
border-top: 0;
}

.no-sidebar .content-area,
.no-sidebar .site-main,
.page-template-fullwidth-page-php .site-main {
float: none;
margin: 0;
}

How would I adjust the code to make the side bar bigger?

Thank you