diff --git a/src/components/mobile/ColorSelectionSheet.vue b/src/components/mobile/ColorSelectionSheet.vue
index 1fac6b37..78df41a8 100644
--- a/src/components/mobile/ColorSelectionSheet.vue
+++ b/src/components/mobile/ColorSelectionSheet.vue
@@ -61,6 +61,7 @@ export default {
         onColorClicked(colorInfo) {
             this.currentValue = colorInfo.color;
             this.$emit('input', this.currentValue);
+            this.$emit('update:show', false);
         },
         onSheetOpen() {
             this.currentValue = this.value;
diff --git a/src/components/mobile/IconSelectionSheet.vue b/src/components/mobile/IconSelectionSheet.vue
index 30e28f37..cca8a54b 100644
--- a/src/components/mobile/IconSelectionSheet.vue
+++ b/src/components/mobile/IconSelectionSheet.vue
@@ -75,6 +75,7 @@ export default {
         onIconClicked(iconInfo) {
             this.currentValue = iconInfo.id;
             this.$emit('input', this.currentValue);
+            this.$emit('update:show', false);
         },
         onSheetOpen() {
             this.currentValue = this.value;