diff --git a/master-detail-demo/.settings/ch.ivyteam.ivy.designer.prefs b/master-detail-demo/.settings/ch.ivyteam.ivy.designer.prefs
index 3c6e3ba..aacc1c3 100644
--- a/master-detail-demo/.settings/ch.ivyteam.ivy.designer.prefs
+++ b/master-detail-demo/.settings/ch.ivyteam.ivy.designer.prefs
@@ -1,4 +1,5 @@
 ch.ivyteam.ivy.designer.preferences.DataClassPreferencePage\:DEFAULT_NAMESPACE=com.axonivy.demo
-ch.ivyteam.ivy.project.preferences\:PRIMEFACES_VERSION=11
+ch.ivyteam.ivy.project.preferences\:PORTAL_VERSION=10
+ch.ivyteam.ivy.project.preferences\:PRIMEFACES_VERSION=13
 ch.ivyteam.ivy.project.preferences\:PROJECT_VERSION=120001
-eclipse.preferences.version=1
\ No newline at end of file
+eclipse.preferences.version=1
diff --git a/master-detail-demo/webContent/layouts/frame-10.xhtml b/master-detail-demo/webContent/layouts/frame-10.xhtml
index 936a73b..b6244a1 100644
--- a/master-detail-demo/webContent/layouts/frame-10.xhtml
+++ b/master-detail-demo/webContent/layouts/frame-10.xhtml
@@ -32,7 +32,7 @@ and refence it below in the head part.
   <link rel="shortcut icon" href="#{resource['ivy-branding:favicon']}" />
   <h:outputScript name="js/layout.js" library="#{ivyFreyaTheme.library}" />
   <h:outputStylesheet name="#{ivyFreyaTheme.layout}" library="#{ivyFreyaTheme.library}" />
-  <h:outputStylesheet name="primeflex-2.min.css" library="primeflex" />
+  <h:outputStylesheet name="primeflex-3.min.css" library="primeflex" />
   <h:outputStylesheet name="custom.css" library="ivy-branding" />
   <!-- Optional Style or Script files: 
   <h:outputStylesheet name="layouts/styles/style.css" />