diff --git a/client/src/ui/bdui.js b/client/src/ui/bdui.js
index 414993f0..4fd07eb2 100644
--- a/client/src/ui/bdui.js
+++ b/client/src/ui/bdui.js
@@ -17,6 +17,7 @@ import { BdSettingsWrapper, BdModals, BdToasts } from './components';
 export default class {
 
     static initUiEvents() {
+        document.body.classList.add('bd-v2');
         const hideButtonSetting = Settings.getSetting('ui', 'default', 'hide-button');
         hideButtonSetting.on('setting-updated', event => {
             if (event.value) document.body.classList.add('bd-hideButton');
diff --git a/client/src/ui/components/bd/BdBadge.vue b/client/src/ui/components/bd/BdBadge.vue
index 26c6611a..d6bd4fbb 100644
--- a/client/src/ui/components/bd/BdBadge.vue
+++ b/client/src/ui/components/bd/BdBadge.vue
@@ -9,7 +9,7 @@
 */
 
 <template>
-    <div class="bd-profileBadges" :class="[`bd-profileBadges${type}`]" @click.stop>
+    <div class="bd-profileBadges" :class="[`bd-profileBadges${type ? type.charAt(0).toUpperCase() + type.slice(1) : ''}`]" @click.stop>
         <div v-if="contributor.developer" v-tooltip="'BetterDiscord Developer'" class="bd-profileBadge bd-profileBadgeDeveloper" @click="click"></div>
         <div v-else-if="contributor.webdev" v-tooltip="'BetterDiscord Web Developer'" class="bd-profileBadge bd-profileBadgeDeveloper" @click="click"></div>
         <div v-else-if="contributor.contributor" v-tooltip="'BetterDiscord Contributor'" class="bd-profileBadge bd-profileBadgeContributor" @click="click"></div>