diff --git a/package.json b/package.json
index 19dda5d23c995b6795fde7592f7c7a7681fbeccd..b4072fae7b406ea36e0cb848e7b8bd588ba99560 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,6 @@
 {
     "private": true,
     "dependencies": {
-        "bootstrap": "^4.6.0",
         "vanillajs-datepicker": "^1.1.4"
     }
 }
diff --git a/self_registration/main/static/style.css b/self_registration/main/static/style.css
new file mode 100644
index 0000000000000000000000000000000000000000..516d2b8a92792b577d1b001c5915206303ffc0af
--- /dev/null
+++ b/self_registration/main/static/style.css
@@ -0,0 +1,56 @@
+:root {
+    color: #000;
+    font-family: sans-serif;
+    line-height: 1.4;
+}
+
+a {
+    color: #006c66;
+}
+
+html,
+body {
+    margin: 0;
+    padding: 0;
+}
+
+.form-group {
+    margin-bottom: 1.8em;
+}
+.form-group label {
+    display: block;
+    margin-bottom: 0.1em;
+}
+
+button {
+    padding: 0.5em 1.2em;
+    cursor: pointer;
+}
+
+select,
+textarea,
+input {
+    font-size: inherit;
+    padding: 0.2em;
+}
+
+.invalid-feedback {
+    color: #842029;
+}
+
+.alert {
+    border: 1px solid;
+    padding: 1em;
+    margin-bottom: 1.8em;
+    border-radius: 0.5em;
+}
+.alert-danger {
+    color: #842029;
+    background-color: #f8d7da;
+}
+
+.center {
+    max-width: 30em;
+    margin: 2em auto;
+    padding: 1em;
+}
diff --git a/self_registration/main/templates/base.html b/self_registration/main/templates/base.html
index ba8380929136da74201545f2d91762d5bfa2715d..f212ccf1e0a3b6ec93dc6f1ec09ed28e472aabb0 100644
--- a/self_registration/main/templates/base.html
+++ b/self_registration/main/templates/base.html
@@ -7,30 +7,18 @@
     <meta name="viewport" content="width=device-width" />
     <meta http-equiv="Content-Security-Policy" content="default-src 'self'" />
     <title>{% block title %}{% translate "Self registration" %}{% endblock %}</title>
-    <link rel="stylesheet" type="text/css" href="{% static 'bootstrap/dist/css/bootstrap.min.css' %}" />
+    <link rel="stylesheet" type="text/css" href="{% static 'style.css' %}" />
     <link rel="stylesheet" type="text/css" href="{% static 'vanillajs-datepicker/dist/css/datepicker.min.css' %}" />
 </head>
 <body>
-    <header class="bg-dark">
-        <nav class="container navbar navbar-expand-sm navbar-dark">
-            <ul class="navbar-nav mr-auto">
-                <li class="nav-item">
-                    <a href="{% url 'subject-create' %}" class="navbar-brand">{% translate "Self registration" %}</a>
-                </li>
-            </ul>
-        </nav>
-    </header>
-    <main class="container py-3">
-        {% for message in messages %}
-            <div class="{{ message|bootstrap_message_classes }}" role="alert">
-                {{ message }}
-            </div>
-        {% endfor %}
-        {% block content %}{% endblock %}
-    </main>
+    {% for message in messages %}
+        <div class="{{ message|bootstrap_message_classes }}" role="alert">
+            {{ message }}
+        </div>
+    {% endfor %}
+    {% block content %}{% endblock %}
 
     <script src="{% static 'vanillajs-datepicker/dist/js/datepicker.min.js' %}"></script>
     <script src="{% static 'vanillajs-datepicker/dist/js/locales/de.js' %}"></script>
-    {% block extra_scripts %}{% endblock %}
 </body>
 </html>
diff --git a/self_registration/main/templates/main/selfregisteredsubject_confirmed.html b/self_registration/main/templates/main/selfregisteredsubject_confirmed.html
index abe9e367f2ad1bc0554593974673386c93c13374..9f658fadb9da11b80eb7bf611a84a52b97d2f679 100644
--- a/self_registration/main/templates/main/selfregisteredsubject_confirmed.html
+++ b/self_registration/main/templates/main/selfregisteredsubject_confirmed.html
@@ -2,5 +2,7 @@
 {% load i18n %}
 
 {% block content %}
-    <p>{% translate 'Your email address has been confirmed. The data you have entered will be added to the subject database. The next time we have a matching study you will be contacted. You can close this window. The link from the email is now invalid.' %}</p>
+    <div class="center">
+        <p>{% translate 'Your email address has been confirmed. The data you have entered will be added to the subject database. The next time we have a matching study you will be contacted. You can close this window. The link from the email is now invalid.' %}</p>
+    </div>
 {% endblock %}
diff --git a/self_registration/main/templates/main/selfregisteredsubject_delete.html b/self_registration/main/templates/main/selfregisteredsubject_delete.html
index 6f9623662beb2dd9da17133f5b2b28bb97b78bdc..7c04a3620eb99a01f584dc85dcf191d45a9f852a 100644
--- a/self_registration/main/templates/main/selfregisteredsubject_delete.html
+++ b/self_registration/main/templates/main/selfregisteredsubject_delete.html
@@ -2,7 +2,7 @@
 {% load i18n %}
 
 {% block content %}
-    <form method="post">
+    <form method="post" class="center">
         {% csrf_token %}
         <p>{% translate 'Are you sure you wish to delete your data from the subject registration repository?' %}</p>
         <button class="btn btn-danger mb-1">{% translate 'Confirm' %}</button>
diff --git a/self_registration/main/templates/main/selfregisteredsubject_deleted.html b/self_registration/main/templates/main/selfregisteredsubject_deleted.html
index 41835701374d1f60bb39e401805aa240cae73b93..a3b46cdca3a6088cac6950bedb95978dda9dcbfc 100644
--- a/self_registration/main/templates/main/selfregisteredsubject_deleted.html
+++ b/self_registration/main/templates/main/selfregisteredsubject_deleted.html
@@ -2,5 +2,7 @@
 {% load i18n %}
 
 {% block content %}
-    <p>{% translate 'Your data has been deleted successfully.' %}</p>
+    <div class="center">
+        <p>{% translate 'Your data has been deleted successfully.' %}</p>
+    </div>
 {% endblock %}
diff --git a/self_registration/main/templates/main/selfregisteredsubject_form.html b/self_registration/main/templates/main/selfregisteredsubject_form.html
index 03749fa0ca2478d97b9f0d7caa665d6ce594ae36..66f15a6eee7bd952675e38e26d0c5ab68a67de22 100644
--- a/self_registration/main/templates/main/selfregisteredsubject_form.html
+++ b/self_registration/main/templates/main/selfregisteredsubject_form.html
@@ -2,7 +2,6 @@
 {% load static i18n bootstrap4 %}
 
 {% block content %}
-    <h1 class="mb-3">{% translate 'Register yourself for studies' %}</h1>
     <form method="post">
         {% csrf_token %}
         {% bootstrap_form_errors form type='non_fields' %}
