<template>
    <div class="group">
        <Row>
            <Column :md="8">
                <h3>Connections</h3>
            </Column>
        </Row>

        <Row>
            <Column :md="8">
                <ConnectToDiscord />
            </Column>

            <Column :md="8">
                <ConnectToTwitch />
            </Column>
        </Row>
    </div>
</template>

<script>
import ConnectToDiscord from '../../components/user/ConnectToDiscord';
import ConnectToTwitch from '../../components/user/ConnectToTwitch';

export default {
    name: 'Connections',
    components: { ConnectToDiscord, ConnectToTwitch },
};
</script>

<template>
    <div class="ConnectionsPage">
        <h3>Connections</h3>

        <div class="connect">
            <ConnectToDiscord/>
        </div>

        <div class="connect">
            <ConnectToTwitch/>
        </div>
    </div>
</template>

<script>
import ConnectToDiscord from '../../components/user/ConnectToDiscord';
import ConnectToTwitch from '../../components/user/ConnectToTwitch';

export default {
    name: 'ConnectionsPage',
    components: { ConnectToDiscord, ConnectToTwitch },
};
</script>

<style lang="scss" scoped>
@import 'utils.scss';

.ConnectionsPage {
    .connect + .connect {
        margin-top: $grid-gutter-width;
    }
}
</style>

Add spacing between connection buttons
Add spacing between connection buttons
