     else
       d3.scale.ordinal()
         .domain(Epoch.Util.domain(@data))
-        .rangeRoundBands([0, @innerHeight()], @options.padding.group)
+        .rangeRoundBands([0, @innerHeight()], @options.padding.group, @options.outerPadding.group)
 
   # @return [Function] The x scale used to render the vertical bar chart.
   y1: (y0) ->
     d3.scale.ordinal()
       .domain((layer.category for layer in @data))
-      .rangeRoundBands([0, y0.rangeBand()], @options.padding.bar)
+      .rangeRoundBands([0, y0.rangeBand()], @options.padding.bar, @options.outerPadding.bar)
 
   # Remaps the bar chart data into a form that is easier to display.
   # @return [Array] The reorganized data.

    style: 'grouped'
    orientation: 'horizontal'
    padding:
      bar: 0.08
      group: 0.1


  x1: (x0) ->
    d3.scale.ordinal()
      .domain((layer.category for layer in @data))
      .rangeRoundBands([0, x0.rangeBand()], @options.padding.bar, @options.outerPadding.bar)

  # @return [Function] The y scale used to render the bar chart.
  y: ->
