     @code.each (i, block) ->
       hljs.highlightBlock block
 
-    @adjustBrowserWidth()
+    @updatePreview()
     @updateParams()
 
-    # bind adjustBrowserWidth with parameter animate = false
-    $(window).on 'resize.chat-designer', => @adjustBrowserWidth false
+    # bind updatePreview with parameter animate = false
+    $(window).on 'resize.chat-designer', => @updatePreview false
 
   release: ->
     $(window).off 'resize.chat-designer'

    # select tab
    tab.addClass('is-selected').siblings().removeClass('is-selected')
    @browserWidth = tab.attr('data-value')
    @adjustBrowserWidth()

  adjustBrowserWidth: (animate =  true) =>
    width = parseInt @browserWidth, 10

    # reset zoom

    'click .js-remove': 'remove'
    'click .js-widget': 'widget'
    'change .js-params': 'updateParams'
    'input .js-params': 'updateParams'
    'submit .js-demo-head': 'onUrlSubmit'
    'blur .js-testurl-input': 'changeDemoWebsite'
    'click .js-selectBrowserWidth': 'selectBrowserWidth'
    'click .js-swatch': 'usePaletteColor'
    'click .js-toggle-chat': 'toggleChat'

  elements:
    '.js-browser': 'browser'
