From 9ac806e79a9d9d50b81d7f4f3bd31c7e5109a46f Mon Sep 17 00:00:00 2001
From: "marcel.kocisek" <marcel.kocisek@lutraconsulting.co.uk>
Date: Fri, 28 Aug 2026 15:41:08 +0200
Subject: [PATCH 1/2] Add global margin: 0 for divider

---
 .../src/assets/sass/themes/mm-theme-light/_extensions.scss    | 4 ++++
 .../assets/sass/themes/mm-theme-light/variables/_panel.scss   | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss
index b873a944..55fe7c28 100644
--- a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss
+++ b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss
@@ -99,6 +99,10 @@ img {
   }
 }
 
+.p-divider.p-divider-horizontal {
+  margin: 0;
+}
+
 
 // Custom semantic  classes
 
diff --git a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/variables/_panel.scss b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/variables/_panel.scss
index cd779051..e05ab957 100644
--- a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/variables/_panel.scss
+++ b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/variables/_panel.scss
@@ -316,7 +316,7 @@ $dividerSize:1px;
 
 /// Color of the divider border
 /// @group panel
-$dividerColor:#dee2e6;
+$dividerColor: map-get($colors, 'secondary-gray');
 
 /// Background of the splitter gutter
 /// @group panel

From 2a6abc78c277c9c1dc06c10a9330c1b611694033 Mon Sep 17 00:00:00 2001
From: "marcel.kocisek" <marcel.kocisek@lutraconsulting.co.uk>
Date: Tue, 1 Sep 2026 17:21:21 +0200
Subject: [PATCH 2/2] Checkbox styles tunning for hoverred color

---
 .../assets/sass/themes/mm-theme-light/_extensions.scss | 10 ++++++++++
 .../sass/themes/mm-theme-light/variables/_form.scss    |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss
index 55fe7c28..0a5b7c99 100644
--- a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss
+++ b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss
@@ -183,6 +183,16 @@ img {
   }
 }
 
+.p-checkbox:not(.p-checkbox-disabled) {
+  .p-checkbox-box {
+    &.p-highlight:hover {
+      .p-checkbox-icon {
+        color: $primaryColor
+      }
+    }
+  }
+}
+
 // Color of error messages in inputs ...
 .p-error {
   color: map-get($map: $colors, $key: grape);
diff --git a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/variables/_form.scss b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/variables/_form.scss
index 85624b0e..6ca55b92 100644
--- a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/variables/_form.scss
+++ b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/variables/_form.scss
@@ -197,7 +197,7 @@ $checkboxActiveHoverBg: $primaryDarkerColor;
 
 /// Icon color of a selected checkbox in hover state
 /// @group form
-$checkboxIconActiveHoverColor: $primaryTextColor;
+$checkboxIconActiveHoverColor: $primaryColor;
 
 /// Border color of a selected checkbox in hover state
 /// @group form