               if (i + 1) > ((numRows - 1) * componentsPerRow)
                 marginBottom = 0
 
-            # Calculate marginBottom
-            unless marginBottom is 0
-              marginBottom = @props.margin * @props.marginRightBottomRatio
+            # Set marginBottom if passed in specifically.
+            if @props.marginBottom and marginBottom isnt 0
+              marginBottom = @props.marginBottom
 
             if componentsPerRow is 1
               marginRight = 0

      return (
        <div className="component-gallery #{@props.className}" style={{overflow: "hidden"}}>
          {React.Children.map(@props.children, (child, i) =>
            # Disable margin bottom on last row.
            if @props.noMarginBottomOnLastRow
              # Is this component on the last row?

    disableServerRender: PropTypes.bool
    margin: PropTypes.number
    noMarginBottomOnLastRow: PropTypes.bool
    marginBottom: PropTypes.number
    targetWidth: PropTypes.number
    widthHeightRatio: PropTypes.number

  getDefaultProps: ->
    margin: 10
