diff --git a/install/migration/error.html b/install/migration/error.html
index 9e1e3bd0b..896e56ec6 100644
--- a/install/migration/error.html
+++ b/install/migration/error.html
@@ -4,31 +4,36 @@
 <meta charset="utf-8">
     <title>IPA: Identity Policy Audit</title>
 
-    <link rel="stylesheet" type="text/css" href="../ui/jquery-ui.css" />
-    <link rel="stylesheet" type="text/css" href="../ui/ipa.css" />
+    <link rel="stylesheet" type="text/css" href="../ui/css/patternfly.css" />
+    <link rel="stylesheet" type="text/css" href="../ui/css/ipa.css" />
 </head>
 
 <body class="info-page">
+    <nav class="navbar navbar-default navbar-pf" role="navigation">
+    <div class="navbar-header">
+        <a class="brand" href="../ui/index.html"><img src="../ui/images/header-logo.png" alt="FreeIPA"></a>
+    </div>
+    </nav>
 
-  <div class="container_1">
-    <div class="header-logo">
-            <img src="../ui/images/ipa-logo.png" /><img src="../ui/images/ipa-banner.png" />
-        </div>
-        <br>
-        <br>
-        <div id="formwindow">
-           <h2>We're Sorry</h2>
-            <div class="formcontent">
+    <div class="container-fluid">
+    <div class="row">
+    <div class="col-sm-12">
+
+        <h1>We're Sorry</h1>
+        <div class="formcontent">
             <p>
-            <strong>There was a problem with your request. Please, try again later.</strong>
+                There was a problem with your request. Please, try again later.
             </p>
             <p>
-            <label>If the problem persists, contact your administrator.</label>
+                If the problem persists, contact your administrator.
+            </p>
+            <p>
+                <a href="index.html" class="btn btn-default" title="Return back">Return back</a>
             </p>
-          </div>
        </div>
-   </div>
-
+    </div>
+    </div>
+    </div>
 </body>
 
 </html>
diff --git a/install/migration/index.html b/install/migration/index.html
index eb816b35d..302eca263 100644
--- a/install/migration/index.html
+++ b/install/migration/index.html
@@ -1,50 +1,70 @@
 <!DOCTYPE html>
-<html>
+<html class="login-pf">
 <head>
 <meta charset="utf-8">
     <title>IPA: Identity Policy Audit</title>
 
-    <link rel="stylesheet" type="text/css" href="../ui/jquery-ui.css" />
+    <link rel="stylesheet" type="text/css" href="../ui/css/patternfly.css" />
+    <link rel="stylesheet" type="text/css" href="../ui/css/ipa.css" />
     <link rel="stylesheet" type="text/css" href="../ui/ipa.css" />
 </head>
 
-<body class="info-page">
+<body>
+<div class="login-pf-body">
+<span id="badge">
+    <img src="../ui/images/login-screen-logo.png" alt="" />
+</span>
+<div class="container">
 
-  <div class="container_1">
-    <div class="header-logo">
-            <img src="../ui/images/ipa-logo.png" /><img src="../ui/images/ipa-banner.png" />
-        </div>
-       <div class="textblock">
+<div class="row">
+
+    <div class="col-sm-12">
+      <div id="brand">
+        <img src="../ui/images/product-name.png" alt="">
+      </div>
+    </div>
+
+    <div class="col-sm-7 col-md-6 col-lg-5 login">
+        <form class="form-horizontal" id="login" action="migration.py" method="post" name="">
+            <div class="form-group">
+                <div class="control-label col-sm-4">
+                    <label for="username">Username</label>
+                </div>
+                <div class="col-sm-8">
+                    <input type="text" id="username" name="username" value="" accesskey="u" class="form-control" />
+                </div>
+            </div>
+            <div class="form-group">
+                <div class="control-label col-sm-4">
+                    <label for="password">Password</label>
+                </div>
+                <div class="col-sm-8">
+                    <input type="password" id="password" name="password" value="" accesskey="p" class="form-control" />
+                </div>
+            </div>
+            <div class="form-group">
+                <div class="col-xs-4 col-sm-offset-4 col-sm-8 submit">
+                    <input name="submit" class="btn btn-primary btn-lg" value="Migrate" type="submit" />
+                </div>
+            </div>
+        </form>
+    </div>
+    <div class="col-sm-5 col-md-6 col-lg-7 details">
         <h1>Password Migration</h1>
-        <p>If you have been sent here by your administrator, your personal
-           information is being migrated to a new identity management solution
-           (IPA).</p>
-        <p>Please, enter your credentials in the form below to complete the
-           process. Upon successful login your kerberos account will be
-           activated.</p>
-        </div>
-        <div id="formwindow">
-           <h2>Login</h2>
-           <form id="login" action="migration.py" method="post" name="">
-              <ul>
-                <li>
-                  <label for="username">Username:</label>
-                  <input type="text" name="username" value="" accesskey="u" />
-                </li>
-                <li>
-                  <label for="password">Password:</label>
-                  <input type="password" name="password" value="" accesskey="p" />
-                </li>
-              <ul>
-           <div class="formbutton">
-          <input name="submit" value="Migrate" type="submit" />
-          </div>
-
-          </form>
-       </div>
-   </div>
-
+        <p>
+            If you have been sent here by your administrator, your personal
+            information is being migrated to a new identity management solution
+            (IPA).
+        </p>
+        <p>
+            Please, enter your credentials in the form to complete the
+            process. Upon successful login your kerberos account will be
+            activated.
+        </p>
+    </div>
+</div>
+</div>
+</div>
 </body>
 
 </html>
-
diff --git a/install/migration/invalid.html b/install/migration/invalid.html
index 4f4693406..f75b0bdc7 100644
--- a/install/migration/invalid.html
+++ b/install/migration/invalid.html
@@ -1,55 +1,83 @@
 <!DOCTYPE html>
-<html>
+<html class="login-pf">
 <head>
 <meta charset="utf-8">
     <title>IPA: Identity Policy Audit</title>
 
-    <link rel="stylesheet" type="text/css" href="../ui/jquery-ui.css" />
+    <link rel="stylesheet" type="text/css" href="../ui/css/patternfly.css" />
+    <link rel="stylesheet" type="text/css" href="../ui/css/ipa.css" />
     <link rel="stylesheet" type="text/css" href="../ui/ipa.css" />
 </head>
 
-<body class="info-page">
+<body>
+<div class="login-pf-body">
+<span id="badge">
+    <img src="../ui/images/login-screen-logo.png" alt="" />
+</span>
+<div class="container">
 
-  <div class="container_1">
-    <div class="header-logo">
-            <img src="../ui/images/ipa-logo.png" /><img src="../ui/images/ipa-banner.png" />
-        </div>
-       <div class="textblock">
+<div class="row">
+
+    <div class="col-sm-12">
+      <div id="brand">
+        <img src="../ui/images/product-name.png" alt="">
+      </div>
+    </div>
+
+    <div class="col-sm-7 col-md-6 col-lg-5 login">
+        <form class="form-horizontal" id="login" action="migration.py" method="post" name="">
+            <div class="form-group validation-summary-group">
+                <div class="col-sm-12 controls">
+                    <div class="widget validation-summary">
+                        <div class="alert alert-danger">
+                            <span class="fa fa-exclamation-circle"></span>
+                            <p><strong>Please re-enter your username or password</strong></p>
+                            <p> The password or username you entered is incorrect. Please try
+                                again (make sure your caps lock is off).</p>
+                            <p>If the problem persists, contact your administrator.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="form-group">
+                <div class="control-label col-sm-4">
+                    <label for="username">Username</label>
+                </div>
+                <div class="col-sm-8">
+                    <input type="text" id="username" name="username" value="" accesskey="u" class="form-control" />
+                </div>
+            </div>
+            <div class="form-group">
+                <div class="control-label col-sm-4">
+                    <label for="password">Password</label>
+                </div>
+                <div class="col-sm-8">
+                    <input type="password" id="password" name="password" value="" accesskey="p" class="form-control" />
+                </div>
+            </div>
+            <div class="form-group">
+                <div class="col-xs-4 col-sm-offset-4 col-sm-8 submit">
+                    <input name="submit" class="btn btn-primary btn-lg" value="Migrate" type="submit" />
+                </div>
+            </div>
+        </form>
+    </div>
+    <div class="col-sm-5 col-md-6 col-lg-7 details">
         <h1>Password Migration</h1>
-        <p>If you have been sent here by your administrator, your personal
-           information is being migrated to a new identity management solution
-           (IPA).</p>
-        <p>Please, enter your credentials in the form below to complete the
-           process. Upon successful login your kerberos account will be
-           activated.</p>
-        </div>
-        <div id="formwindow">
-           <h2>Login</h2>
-           <div id="error-box">
-             <p><strong>Please re-enter your username or password</strong></p>
-             <p>The password or username you entered is incorrect. Please try again (make sure your caps lock is off).</p>
-             <p>If the problem persists, contact your administrator.</p>
-           </div>
-           <form id="login" action="migration.py" method="post" name="">
-              <ul>
-                <li>
-                  <label for="username">Username:</label>
-                  <input type="text" name="username" value="" accesskey="u" />
-                </li>
-                <li>
-                  <label for="password">Password:</label>
-                  <input type="password" name="password" value="" accesskey="p" />
-                </li>
-              <ul>
-           <div class="formbutton">
-          <input name="submit" value="Migrate" type="submit" />
-          </div>
-
-          </form>
-       </div>
-   </div>
-
+        <p>
+            If you have been sent here by your administrator, your personal
+            information is being migrated to a new identity management solution
+            (IPA).
+        </p>
+        <p>
+            Please, enter your credentials in the form to complete the
+            process. Upon successful login your kerberos account will be
+            activated.
+        </p>
+    </div>
+</div>
+</div>
+</div>
 </body>
 
 </html>
-