 
     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) ->

        if @props.strategies.size > 1
            <div>
                <Passports
                    strategies  = {@props.strategies}
                    get_api_key = {@props.get_api_key}
                    style       = {textAlign: 'center'}
