diff --git a/finallycoffee/welcome/resources/css/welcome.css b/finallycoffee/welcome/resources/css/welcome.css
index c2097ab..5957538 100644
--- a/finallycoffee/welcome/resources/css/welcome.css
+++ b/finallycoffee/welcome/resources/css/welcome.css
@@ -3,147 +3,14 @@ body {
 	background-size: cover;
 	color: #ccc;
 }
-.welcome-header {
-	margin-top: 30px;
-	margin-bottom: 60px;
-	margin-left: -10px;
-	color: #ddd;
-}
-.welcome-header img {
-	width: 150px;
-	margin-bottom: 40px;
-}
-.welcome-header h1 {
-	font-weight: 500 !important;
-}
-.welcome-header h1 strong {
-	font-weight: 800 !important;
-}
-.welcome-message {
-	margin-top: 20px;
-}
-.h-l {
-	min-height: 370px;
-	padding: 10px 20px 10px;
-	overflow: hidden;
-}
-.h-l h3 {
-	margin-bottom: 10px;
-}
-.h-m {
-	height: 110px;
-	padding-top: 23px;
-}
-.card-pf img {
-	width: 22px;
-	margin-right: 10px;
-	vertical-align: bottom;
-}
-img.doc-img {
-	width: auto;
-	height: 22px;
-}
-.link {
-	font-size: 16px;
-	vertical-align: baseline;
-	margin-left: 5px;
-}
-h3 {
-	font-weight: 550;
-}
-h3 a:link,
-h3 a:visited {
-	color: #ddd;
-	font-weight: 550;
-}
-h3 a:hover,
-h3 a:hover .link {
-	text-decoration: none;
-	color: #00659c;
-}
-.h-l h3 a img {
-	height: 30px;
-	width: auto;
+
+.pf-v5-c-background-image {
+  /* Change background size so that the image covers the entire background. */
+  --pf-v5-c-background-image--BackgroundSize: cover;
 }
 
-.description {
-	margin-top: 30px;
-}
-
-.card-pf {
-	border-top: 1px solid rgba(3, 3, 3, 0.1);
-	box-shadow: 0 1px 1px rgba(3, 3, 3, 0.275);
-	background: #222;
-}
-
-.welcome-form label,
-.welcome-form input {
-	display: block;
-	width: 100%;
-}
-
-.welcome-form label {
-	color: #828486;
-	font-weight: normal;
-	margin-top: 18px;
-}
-.welcome-form input {
-	border: 0;
-	border-bottom: solid 1px #cbcbcb;
-}
-.welcome-form input:focus {
-	border-bottom: solid 1px #5e99c6;
-	outline-width: 0;
-}
-.welcome-form button {
-	margin-top: 10px;
-}
-.error {
-  color: #c00;
-	border-color: #c00;
-	padding: 5px 10px;
-}
-.success {
-	color: #3f9c35;
-	border-color: #3f9c35;
-	padding: 5px 10px;
-}
-.welcome-form + .welcome-primary-link,
-.welcome-message + .welcome-primary-link {
-	display: none;
-}
-
-.footer img {
-	float: right;
-	width: 150px;
-	margin-top: 30px;
-}
-
-@media (max-width: 768px) {
-	.welcome-header {
-		margin-top: 10px;
-		margin-bottom: 20px;
-	}
-	.welcome-header img {
-		margin-bottom: 20px;
-	}
-	h3 {
-		margin-top: 10px;
-	}
-	.h-l,
-	.h-m {
-		height: auto;
-		min-height: auto;
-		padding: 5px 10px;
-	}
-	.h-l img {
-		display: inline;
-		margin-bottom: auto;
-	}
-	.description {
-		display: none;
-	}
-	.footer img {
-		margin-top: 10px;
-	}
+.pf-v5-c-login__container {
+  /* Change the grid layout so that the header is always above the main area. */
+  grid-template-areas: "header" "main";
+  --pf-v5-c-login__container--xl--GridTemplateColumns: minmax(auto, 34rem);
 }
diff --git a/finallycoffee/welcome/theme.properties b/finallycoffee/welcome/theme.properties
index 9b92ba9..9db6443 100644
--- a/finallycoffee/welcome/theme.properties
+++ b/finallycoffee/welcome/theme.properties
@@ -1,7 +1,8 @@
 styles=css/welcome.css
 import=common/keycloak
 
-stylesCommon=node_modules/patternfly/dist/css/patternfly.css node_modules/patternfly/dist/css/patternfly-additions.css
+#stylesCommon=node_modules/patternfly/dist/css/patternfly.css node_modules/patternfly/dist/css/patternfly-additions.css
+stylesCommon=node_modules/@patternfly-v5/patternfly/patternfly.min.css node_modules/@patternfly-v5/patternfly/patternfly-addons.css
 
 productName=id.finally.coffee
 documentationUrl=https://www.keycloak.org/documentation.html