diff --git a/templates/forgot.html.twig b/templates/forgot.html.twig
new file mode 100644
index 0000000..ba87d59
--- /dev/null
+++ b/templates/forgot.html.twig
@@ -0,0 +1,35 @@
+{% extends 'partials/base.html.twig' %}
+
+{% block stylesheets %}
+ {{ parent() }}
+ {% set styles %}
+ #grav-login {
+ max-width: 32em;
+ }
+ #grav-login .form-actions {
+ text-align: right;
+ padding: 1em 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-top: 1em;
+ flex-wrap: wrap;}
+ #grav-login button {
+ margin: 1em 0;
+ }
+ @media screen and (max-width: 480px) {
+ #grav-login .form-actions {
+ flex-direction: column;
+ }
+ {% endset %}
+ {% do assets.addInlineCss(styles) %}
+{% endblock %}
+
+{% block menu %}
+ {% include 'partials/sidebar_right.html.twig' %}
+{% endblock %}
+
+{% block content %}
+ {% include 'partials/messages.html.twig' %}
+ {% include 'partials/forgot-form.html.twig' %}
+{% endblock %}
diff --git a/templates/login.html.twig b/templates/login.html.twig
index 278a3b2..795c026 100755
--- a/templates/login.html.twig
+++ b/templates/login.html.twig
@@ -1,5 +1,30 @@
{% extends 'partials/base.html.twig' %}
+{% block stylesheets %}
+ {{ parent() }}
+ {% set styles %}
+ #grav-login {
+ max-width: 32em;
+ }
+ #grav-login .form-actions {
+ text-align: right;
+ padding: 1em 0;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-top: 1em;
+ flex-wrap: wrap;}
+ #grav-login button {
+ margin: 1em 0;
+ }
+ @media screen and (max-width: 480px) {
+ #grav-login .form-actions {
+ flex-direction: column;
+ }
+ {% endset %}
+ {% do assets.addInlineCss(styles) %}
+{% endblock %}
+
{% block menu %}
{% include 'partials/sidebar_right.html.twig' %}
{% endblock %}