     # Add preview?
     unless @props.noPreview
       tabs =
-        <ul className="react-markdown-textarea__nav" onMouseDown={@toggleTab} style={ulStyles}>
-          <li className={writeTabClasses} style={liStyles}>Write</li>
-          <li className={previewTabClasses} style={liStyles}>Preview</li>
+        <ul className="react-markdown-textarea__nav" onMouseDown={@toggleTab} style={@props.navTabStyles}>
+          <li className={writeTabClasses} style={@props.tabStyles}>Write</li>
+          <li className={previewTabClasses} style={@props.tabStyles}>Preview</li>
         </ul>
 
     return (

    onChange: (value) ->
    deleteButton: false
    spinnerOptions: {}

  getInitialState: ->
    state = {

      'react-markdown-textarea__nav__item--active': @state.active is "preview"
    })

    # Are we writing or previewing?
    #
    # Swap between writing and previewing states.
