diff --git a/templates/changelog.html b/templates/changelog.html
index b319fc400403a1d33a47f3873d1bc09bc8de4e89..499c0b6e3b2904c40764b4244840498a9d02a7c2 100644
--- a/templates/changelog.html
+++ b/templates/changelog.html
@@ -1,14 +1,14 @@
 {% from 'macros.html' import preview %}
 {% extends "base.html" %}
 {% block content %}
-<div class="panel-group">
-	<div class="panel panel-default">
-		<div class="panel-heading">
-			<span class="panel-title">Changelog</span>
+<div class="card-group">
+	<div class="card ">
+		<div class="card-header">
+			<span class="card-title">Changelog</span>
 		</div>
-		<div class="panel-body">
+		<div class="card-body">
 			<p>Hier werden alle Änderungen an Kursen/Veranstaltungen/Videos etc. geloggt und können Rückgängig gemacht werden.</p>
-			<ul class="pagination pull-right">
+			<ul class="pagination float-right">
 				<li class="page-item">
 					<a class="page-link" href="{{url_for('changelog', page=page-1) }}">
 						<span aria-hidden="true">&laquo;</span>
@@ -47,7 +47,7 @@
 						<td style="white-space: nowrap;">{{i.path}}</td>
 						<td>"{{i.value_old}}"</td>
 						<td>"{{i.value_new}}"</td>
-						<td><button onclick="moderator.api.set('{{i.path}}',atob('{{i.value_old|base64encode }}'));alert('done');" class="btn btn-default">undo</button></td>
+						<td><button onclick="moderator.api.set('{{i.path}}',atob('{{i.value_old|base64encode }}'));alert('done');" class="btn btn-secondary">undo</button></td>
 					</tr>
 				{% endfor %}
 			</table>
diff --git a/templates/sortlog.html b/templates/sortlog.html
index 74530b7890ff6f67c6ffb3985d8aeee69312c849..05de6da0cc006031376fd80ed29fe84e424f365b 100644
--- a/templates/sortlog.html
+++ b/templates/sortlog.html
@@ -1,15 +1,15 @@
 {% from 'macros.html' import moderator_delete %}
 {% extends "base.html" %}
 {% block content %}
-<div class="panel-group">
-	<div class="panel panel-default">
-		<div class="panel-heading">
-			<span class="panel-title">Sortierlog
-				<a class="btn btn-default" href="{{url_for('sort_now', ref=request.url)}}">Jetzt einsortieren</a>
-				<button class="btn btn-default" onclick="$('button[data-path^=\'sorterrorlog.\'][data-path$=\'.deleted\']').each(function (e) { moderator.api.set($(this).data('path'),1,false); }); window.location.reload();">Alle Fehler entfernen</button>
+<div class="card-group">
+	<div class="card">
+		<div class="card-header">
+			<span class="card-title">Sortierlog
+				<a class="btn btn-secondary" href="{{url_for('sort_now', ref=request.url)}}">Jetzt einsortieren</a>
+				<button class="btn btn-secondary" onclick="$('button[data-path^=\'sorterrorlog.\'][data-path$=\'.deleted\']').each(function (e) { moderator.api.set($(this).data('path'),1,false); }); window.location.reload();">Alle Fehler entfernen</button>
 			</span>
 		</div>
-		<div class="panel-body">
+		<div class="card-body">
 			<p>Hier werden die hochgeladenen Videos einsortiert und geloggt wo jede Datei einsortiert wurde.</p>
 		</div>
 		{% if sorterrorlog %}