From aec74e68d8be8c5512a5766a47e42fea5e41cc52 Mon Sep 17 00:00:00 2001
From: Eleazar Resendez <eleazar.resendez@processmaker.com>
Date: Wed, 8 Oct 2025 09:56:57 -0600
Subject: [PATCH 1/2] fix(LaunchpadSettingsModal): adjust margin for selected
 icons in multiselect component

---
 resources/js/components/shared/LaunchpadSettingsModal.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/resources/js/components/shared/LaunchpadSettingsModal.vue b/resources/js/components/shared/LaunchpadSettingsModal.vue
index 86ef7536ad..39593a4aef 100755
--- a/resources/js/components/shared/LaunchpadSettingsModal.vue
+++ b/resources/js/components/shared/LaunchpadSettingsModal.vue
@@ -1275,6 +1275,11 @@ label {
     text-align: left;
   }
 }
+.multiselect-icons.custom-multiselect {
+  .icon-selected {
+    margin-top: 0;
+  }
+}
 .modal-content-custom .column-container {
   overflow-y: auto;
 }

From 7b1f39e4551b03d4860b3c1bb4728230a2324eb1 Mon Sep 17 00:00:00 2001
From: Eleazar Resendez <eleazar.resendez@processmaker.com>
Date: Mon, 13 Oct 2025 12:32:37 -0600
Subject: [PATCH 2/2] fix(IconDropdown): scope styles for icon selection and
 adjust margin for consistency

---
 resources/js/components/shared/IconDropdown.vue           | 4 ++--
 resources/js/components/shared/LaunchpadSettingsModal.vue | 6 +-----
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/resources/js/components/shared/IconDropdown.vue b/resources/js/components/shared/IconDropdown.vue
index 01cd6a0e6b..ba9d8cc1ad 100644
--- a/resources/js/components/shared/IconDropdown.vue
+++ b/resources/js/components/shared/IconDropdown.vue
@@ -134,7 +134,7 @@ export default {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 $iconSize: 19px;
 $multiselect-height: 33px;
 
@@ -223,7 +223,7 @@ $multiselect-height: 33px;
   .icon-selected {
     width: 19px;
     height: 19px;
-    margin-top: -4px;
+    margin-top: 0;
   }
 
   .icon-squares {
diff --git a/resources/js/components/shared/LaunchpadSettingsModal.vue b/resources/js/components/shared/LaunchpadSettingsModal.vue
index 39593a4aef..2e34239c10 100755
--- a/resources/js/components/shared/LaunchpadSettingsModal.vue
+++ b/resources/js/components/shared/LaunchpadSettingsModal.vue
@@ -1275,11 +1275,7 @@ label {
     text-align: left;
   }
 }
-.multiselect-icons.custom-multiselect {
-  .icon-selected {
-    margin-top: 0;
-  }
-}
+
 .modal-content-custom .column-container {
   overflow-y: auto;
 }