 
     render: ->
         strategies = @props.strategies?.toJS() ? []
-        # strategies = ['facebook', 'google', 'twitter', 'github']   # for testing.
-        if @props.github_hack and 'github' in strategies
-            # hack for now to get around using position absolute.
-            github_hack = {marginLeft: '-50px'}
+        strategies = ['facebook', 'google', 'twitter', 'github']   # for testing.
         <div style={@props.style}>
             {@render_heading()}
-            <div style={github_hack} >
+            <div>
                 {@render_strategy(name) for name in strategies}
             </div>
             <hr style={marginTop: 10, marginBottom: 10} />

            backgroundColor : "#55ACEE"
            color           : "white"
        github   :
            color           : "black"

    render_strategy: (name) ->

        else
            size = '2x'
        style = misc.copy(@styles[name])
        style.display = 'inline-block'
        style.padding = '8px'
        style.borderRadius = '50%'
        style.width = '50px'
        style.height=  '50px'
        style.marginRight = '10px'
        style.textAlign = 'center'
        cname = misc.capitalize(name)
        title = <span><Icon name={name} /> {cname}</span>
        <a href={url} key={name} style={fontSize:'20pt'}>
