diff --git a/module/block/css/guideblock.ui.css b/module/block/css/guideblock.ui.css
index f7f4189d20..23b955533f 100644
--- a/module/block/css/guideblock.ui.css
+++ b/module/block/css/guideblock.ui.css
@@ -32,8 +32,12 @@
 .guide-block .block:hover {box-shadow: 0 0 14px rgba(0, 0, 0, 0.12);}
 .guide-block .block.active {box-shadow: 0 0 0 2px #2E7FFF; border-radius: 2px;}
 
-.guide-block .preference-menu.picker-menu-list .menu-item>a.active, .guide-block .picker-menu-list .menu-item>a.hover, .guide-block .picker-menu-list .menu-item>a:hover{background: unset}
-.guide-block .preference-menu.picker-menu-list .menu-item>a.active .preference-box{background: var(--menu-active-bg); color: var(--menu-active-color)}
-.guide-block .preference-menu.picker-menu-list .menu-item>a:hover .preference-box, .guide-block .picker-menu-list .menu-item>a.hover .preference-box{background: var(--menu-active-bg); color: var(--menu-active-color); box-shadow: 0px 0px 1px 1px #2E7FFF;}
-.guide-block .preference-menu.picker-menu-list .menu-item>a.active .preference-box .label, .guide-block .picker-menu-list .menu-item>a:hover .preference-box .label, .guide-block .picker-menu-list .menu-item>a.hover .preference-box .label{background: var(--menu-active-bg); color: var(--menu-active-color);}
+.preference-menu.picker-menu-list {padding: 0.25rem;}
+.preference-menu.picker-menu-list .menu-item {padding: 0.25rem;}
+.preference-menu.picker-menu-list .menu-item > a {padding: 0; border-width: 1px;}
+.preference-menu.picker-menu-list .menu-item>a.active, .picker-menu-list .menu-item>a.hover, .picker-menu-list .menu-item>a:hover{background: unset; border-color: var(--color-primary-500);}
+.preference-menu.picker-menu-list .menu-item>a:hover:before {opacity: 0;}
+.preference-menu.picker-menu-list .menu-item>a.active .preference-box {background: var(--color-primary-50); color: var(--color-primary-500);}
+.preference-menu.picker-menu-list .menu-item>a:hover .preference-box, .picker-menu-list .menu-item>a.hover .preference-box{background: var(--color-primary-50); color: var(--color-primary-500); box-shadow: 0px 0px 1px 1px #2E7FFF;}
+.preference-menu.picker-menu-list .menu-item>a.active .preference-box .label, .picker-menu-list .menu-item>a:hover .preference-box .label, .picker-menu-list .menu-item>a.hover .preference-box .label{background: var(--menu-active-bg); color: var(--color-primary-500);}
 .ursr-menu > li{width: 50%;}
diff --git a/module/block/ui/preference.html.php b/module/block/ui/preference.html.php
index e01b48a332..e872e42cce 100644
--- a/module/block/ui/preference.html.php
+++ b/module/block/ui/preference.html.php
@@ -42,7 +42,7 @@ function printPreference(array $URSRList)
     $URSRItems = array();
     foreach($URSRList as $URSRKey => $URSRValue)
     {
-        $contentHtml = "<div class=''><span class='label light-pale circle mr-4'>{$URSRKey}</span>{$URSRValue}</div>";
+        $contentHtml = "<div class=''><span class='inline-block primary-pale circle mr-4 text-center h-5 w-5'><p class='leading-5'>{$URSRKey}</p></span>{$URSRValue}</div>";
         $URSRItems[] = array('value' => $URSRKey, 'text' => $URSRValue, 'content' => array('html' => $contentHtml, 'class' => 'flex w-full border p-4 preference-box'));
     }
 
diff --git a/module/my/css/preference.ui.css b/module/my/css/preference.ui.css
index bf3ae33ab2..82410c3ca3 100644
--- a/module/my/css/preference.ui.css
+++ b/module/my/css/preference.ui.css
@@ -1,5 +1,9 @@
-.picker-menu-list .menu-item>a.active, .picker-menu-list .menu-item>a.hover, .picker-menu-list .menu-item>a:hover{background: unset}
-.picker-menu-list .menu-item>a.active .preference-box{background: var(--menu-active-bg); color: var(--menu-active-color)}
-.picker-menu-list .menu-item>a:hover .preference-box, .picker-menu-list .menu-item>a.hover .preference-box{background: var(--menu-active-bg); color: var(--menu-active-color); box-shadow: 0px 0px 1px 1px #2E7FFF;}
-.picker-menu-list .menu-item>a.active .preference-box .label, .picker-menu-list .menu-item>a:hover .preference-box .label, .picker-menu-list .menu-item>a.hover .preference-box .label{background: var(--menu-active-bg); color: var(--menu-active-color);}
+.preference-menu.picker-menu-list {padding: 0.25rem;}
+.preference-menu.picker-menu-list .menu-item {padding: 0.25rem;}
+.preference-menu.picker-menu-list .menu-item > a {padding: 0; border-width: 1px;}
+.preference-menu.picker-menu-list .menu-item>a.active, .picker-menu-list .menu-item>a.hover, .picker-menu-list .menu-item>a:hover{background: unset; border-color: var(--color-primary-500);}
+.preference-menu.picker-menu-list .menu-item>a:hover:before {opacity: 0;}
+.preference-menu.picker-menu-list .menu-item>a.active .preference-box {background: var(--color-primary-50); color: var(--color-primary-500);}
+.preference-menu.picker-menu-list .menu-item>a:hover .preference-box, .picker-menu-list .menu-item>a.hover .preference-box{background: var(--color-primary-50); color: var(--color-primary-500); box-shadow: 0px 0px 1px 1px #2E7FFF;}
+.preference-menu.picker-menu-list .menu-item>a.active .preference-box .label, .picker-menu-list .menu-item>a:hover .preference-box .label, .picker-menu-list .menu-item>a.hover .preference-box .label{background: var(--menu-active-bg); color: var(--color-primary-500);}
 .ursr-menu > li{width: 50%;}
diff --git a/module/my/ui/preference.html.php b/module/my/ui/preference.html.php
index a9a2978933..caaf7af3af 100644
--- a/module/my/ui/preference.html.php
+++ b/module/my/ui/preference.html.php
@@ -35,7 +35,7 @@ $imageList['execution-executionkanban'] = 'kanban';
 $URSRItems = array();
 foreach($URSRList as $URSRKey => $URSRValue)
 {
-    $contentHtml = "<div class=''><span class='label light-pale circle mr-4'>{$URSRKey}</span>{$URSRValue}</div>";
+    $contentHtml = "<div class=''><span class='inline-block primary-pale circle mr-4 text-center h-5 w-5'><p class='leading-5'>{$URSRKey}</p></span>{$URSRValue}</div>";
     $URSRItems[] = array('value' => $URSRKey, 'text' => $URSRValue, 'content' => array('html' => $contentHtml, 'class' => 'flex w-full border p-4 preference-box'));
 }
 
@@ -62,7 +62,7 @@ formPanel
         set::label($lang->my->storyConcept),
         picker
         (
-            set('menu', array('class' => 'menu picker-menu-list no-nested-items menu-nested flex flex-wrap content-between ursr-menu')),
+            set('menu', array('class' => 'menu picker-menu-list no-nested-items menu-nested flex flex-wrap content-between ursr-menu preference-menu')),
             set::name('URSR'),
             set::required(true),
             set::items($URSRItems),
@@ -74,6 +74,7 @@ formPanel
         set::label($lang->my->programLink),
         picker
         (
+            set('menu', array('class' => 'preference-menu')),
             set::name('programLink'),
             set::required(true),
             set::items($programItems),
@@ -85,6 +86,7 @@ formPanel
         set::label($lang->my->productLink),
         picker
         (
+            set('menu', array('class' => 'preference-menu')),
             set::name('productLink'),
             set::required(true),
             set::items($productItems),
@@ -96,6 +98,7 @@ formPanel
         set::label($lang->my->projectLink),
         picker
         (
+            set('menu', array('class' => 'preference-menu')),
             set::name('projectLink'),
             set::required(true),
             set::items($projectItems),
@@ -107,6 +110,7 @@ formPanel
         set::label($lang->my->executionLink),
         picker
         (
+            set('menu', array('class' => 'preference-menu')),
             set::name('executionLink'),
             set::required(true),
             set::items($executionItems),