MDB FileUpload Plugin Buttons rendering overlapped

Hi Jakub, I removed everything I could and still get the same result. Here's my code.

index.js

import React from "react";
import ReactDOM from "react-dom";
import "@fortawesome/fontawesome-free/css/all.min.css";
import "bootstrap-css-only/css/bootstrap.min.css";
import "mdbreact/dist/css/mdb.css";
import App from "./App";
import registerServiceWorker from './registerServiceWorker';

ReactDOM.render( <App /> , document.getElementById('root'));
registerServiceWorker();

App.js

import React, {Component} from "react";
import MDBFileupload from "mdb-react-fileupload";

export default class App extends Component {

    onSubmitHandler = () => {};
    render() {
        return (
            <MDBFileupload containerHeight={100}
                           maxFileSize="5M"
                           showSubmitButton
                           messageDefault="Drop file here, or click to select."
                           onSubmitHandler={this.onSubmitHandler}
                           ref={fileupload => this.fileupload = fileupload}
            />
        )
    }
}

So I hacked around with this in chrome dev tools and it seems the problem is the icons are very large, or at least are rendering very large. If I remove the icons I get regular small buttons for both submit and remove.

Is there some way I can do this (or better yet, replace the icons) programmatically or in CSS without hand-hacking the mdb-file-upload library tgz