diff --git a/package.json b/package.json
index bf86502f..8acfbaf8 100755
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "frankerfacez",
   "author": "Dan Salvato LLC",
-  "version": "4.19.6",
+  "version": "4.19.7",
   "description": "FrankerFaceZ is a Twitch enhancement suite.",
   "license": "Apache-2.0",
   "scripts": {
diff --git a/src/modules/main_menu/components/color-picker.vue b/src/modules/main_menu/components/color-picker.vue
index 20ed7705..69cf0147 100644
--- a/src/modules/main_menu/components/color-picker.vue
+++ b/src/modules/main_menu/components/color-picker.vue
@@ -22,7 +22,12 @@
 				<figure v-else-if="color" :style="`background-color: ${color}`" />
 				<figure v-else class="ffz-i-eyedropper" />
 			</button>
-			<div v-if="open" v-on-clickaway="closePicker" class="tw-absolute tw-z-above tw-right-0">
+			<div
+				v-if="open"
+				v-on-clickaway="closePicker"
+				:class="{'ffz-bottom-100': openUp}"
+				class="tw-absolute tw-z-above tw-right-0"
+			>
 				<chrome-picker :disable-alpha="! alpha" :value="colors" @input="onPick" />
 			</div>
 		</div>