diff --git a/resources/www/admin/styles/main.scss b/resources/www/admin/styles/main.scss
index 513e89ab84..cde6eec71f 100644
--- a/resources/www/admin/styles/main.scss
+++ b/resources/www/admin/styles/main.scss
@@ -231,6 +231,74 @@ div.switch_right.unchecked {
 .ui-datepicker {
   z-index: 1500;
 }
+
+#template_add_dialog.ui-dialog-content {
+  margin-bottom: 0;
+  margin-top: 8px;
+}
+
+.template_add_dialog_container {
+  .ui-dialog-title {
+    font-family: Roboto;
+    font-size: 18px;
+    font-weight: 500;
+    font-style: normal;
+    font-stretch: normal;
+    line-height: normal;
+    letter-spacing: normal;
+    color: #4a4a4a;
+  }
+  .ui-dialog-titlebar-close {
+    border: none;
+    margin-right: 4px;
+  }
+  .ui-icon.ui-icon-closethick {
+    background-image: url("/assets/common/images/icons/button-close-gray.png");
+    background-position: center;
+  }
+  .ui-dialog-buttonpane .ui-button {
+    border-radius: 15px;
+    background-color: #ffffff;
+    border: solid 1px #4a4a4a;
+    font-family: Roboto;
+    font-size: 14px;
+    font-weight: normal;
+    font-style: normal;
+    font-stretch: normal;
+    line-height: normal;
+    letter-spacing: normal;
+    color: #1d1d1d;
+    height: 30px;
+    min-width: 135px;
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+  .ui-dialog-buttonpane .ui-button:nth-child(2) {
+    background-color: #4a4a4a;
+    color: #FFFFFF;
+  }
+  #template_add_dialog {
+    form {
+      margin-bottom: 10px;
+    }
+    label: {
+      font-family: Roboto;
+      font-size: 14px;
+      font-weight: normal;
+      font-style: normal;
+      font-stretch: normal;
+      line-height: normal;
+      letter-spacing: normal;
+      color: #1d1d1d;
+    }
+    #template-add-input {
+      width: 94%;
+      background-color: #ffffff;
+      border: solid 1px #979797;
+    }
+  }
+}
+
 /******* BOARD ****************************************************************/
 .board_section {
   margin: 0 0 30px;
diff --git a/templates/web/admin/index.html.twig b/templates/web/admin/index.html.twig
index 0cd773856f..d0cbbbfc86 100644
--- a/templates/web/admin/index.html.twig
+++ b/templates/web/admin/index.html.twig
@@ -105,7 +105,7 @@
     <div id="template_add_dialog" title="{{ 'Creer un modele' | trans }}">
         <form>
             <label>{{ 'Nom du nouveau modele' | trans }}</label>
-            <input type="text" name="value" />
+            <input id="template-add-input" type="text" name="value"/>
             <img src="/assets/common/images/icons/loaderFFF.gif" class="new_user_loader" style="display:none;"/>
         </form>
     </div>
diff --git a/templates/web/admin/users.html.twig b/templates/web/admin/users.html.twig
index e5ce345938..75ddf9c849 100644
--- a/templates/web/admin/users.html.twig
+++ b/templates/web/admin/users.html.twig
@@ -308,22 +308,24 @@
             }).dialog('close');
 
             var buttons = {};
-            buttons[language.create_template] = function () {
-                check_new_user(true);
-            };
             buttons[language.annuler] = function () {
                 $('#template_add_dialog').dialog('close');
             };
+            buttons[language.create_template] = function () {
+                check_new_user(true);
+            };
 
-            $('#template_add_dialog').dialog({
+            var templateAddDialog = $('#template_add_dialog').dialog({
                 buttons: buttons,
                 modal: true,
                 resizable: false,
                 draggable: false,
-                width: 500
+                width: 382,
 
             }).dialog('close');
 
+            templateAddDialog.closest('.ui-dialog').addClass('template_add_dialog_container');
+
             function check_new_user(is_template) {
                 var container = is_template ? $('#template_add_dialog') : $('#user_add_dialog');
                 $('#new_user_loader').show();