diff --git a/public/js/admin.js b/public/js/admin.js
index 3f76488..ca4c398 100644
--- a/public/js/admin.js
+++ b/public/js/admin.js
@@ -338,14 +338,14 @@ function editContribution(contributionId, currentTitle, currentDescription) {
     Swal.fire({
         title: 'Beitrag bearbeiten',
         html:
-            '<div style="text-align:left;">' +
-                '<div style="margin-bottom:12px;">' +
+            '<div class="swal-form">' +
+                '<div class="swal-group">' +
                     '<label class="swal-label">Titel</label>' +
-                    '<input id="swal-title" class="swal2-input" style="margin:0;width:100%;" value="' + escapeHtml(currentTitle) + '">' +
+                    '<input id="swal-title" class="swal2-input" value="' + escapeHtml(currentTitle) + '">' +
                 '</div>' +
                 '<div>' +
                     '<label class="swal-label">Beschreibung</label>' +
-                    '<textarea id="swal-description" class="swal2-textarea" style="margin:0;width:100%;">' + escapeHtml(currentDescription) + '</textarea>' +
+                    '<textarea id="swal-description" class="swal2-textarea">' + escapeHtml(currentDescription) + '</textarea>' +
                 '</div>' +
             '</div>',
         showCancelButton: true,
@@ -442,9 +442,9 @@ function editModComment(commentId, currentContent) {
     Swal.fire({
         title: 'Kommentar bearbeiten',
         html:
-            '<div style="text-align:left;">' +
+            '<div class="swal-form">' +
                 '<label class="swal-label">Inhalt</label>' +
-                '<textarea id="swal-comment-content" class="swal2-textarea" style="margin:0;width:100%;">' + escapeHtml(currentContent) + '</textarea>' +
+                '<textarea id="swal-comment-content" class="swal2-textarea">' + escapeHtml(currentContent) + '</textarea>' +
             '</div>',
         showCancelButton: true,
         confirmButtonText: 'Speichern',
@@ -509,18 +509,18 @@ function createNews() {
     Swal.fire({
         title: 'Neuigkeit hinzufügen',
         html:
-            '<div style="text-align:left;">' +
-                '<div style="margin-bottom:12px;">' +
+            '<div class="swal-form">' +
+                '<div class="swal-group">' +
                     '<label class="swal-label">Titel</label>' +
-                    '<input id="swal-news-title" class="swal2-input" style="margin:0;width:100%;" placeholder="Titel der Neuigkeit">' +
+                    '<input id="swal-news-title" class="swal2-input" placeholder="Titel der Neuigkeit">' +
                 '</div>' +
-                '<div style="margin-bottom:12px;">' +
+                '<div class="swal-group">' +
                     '<label class="swal-label">Inhalt</label>' +
-                    '<textarea id="swal-news-content" class="swal2-textarea" style="margin:0;width:100%;" placeholder="Neuigkeit verfassen..."></textarea>' +
+                    '<textarea id="swal-news-content" class="swal2-textarea" placeholder="Neuigkeit verfassen..."></textarea>' +
                 '</div>' +
                 '<div>' +
                     '<label class="swal-label">Autor</label>' +
-                    '<input id="swal-news-author" class="swal2-input" style="margin:0;width:100%;" value="Stadtverwaltung">' +
+                    '<input id="swal-news-author" class="swal2-input" value="Stadtverwaltung">' +
                 '</div>' +
             '</div>',
         showCancelButton: true,
@@ -563,18 +563,18 @@ function editNews(newsId, currentTitle, currentContent, currentAuthor) {
     Swal.fire({
         title: 'Neuigkeit bearbeiten',
         html:
-            '<div style="text-align:left;">' +
-                '<div style="margin-bottom:12px;">' +
+            '<div class="swal-form">' +
+                '<div class="swal-group">' +
                     '<label class="swal-label">Titel</label>' +
-                    '<input id="swal-news-title" class="swal2-input" style="margin:0;width:100%;" value="' + escapeHtml(currentTitle) + '">' +
+                    '<input id="swal-news-title" class="swal2-input" value="' + escapeHtml(currentTitle) + '">' +
                 '</div>' +
-                '<div style="margin-bottom:12px;">' +
+                '<div class="swal-group">' +
                     '<label class="swal-label">Inhalt</label>' +
-                    '<textarea id="swal-news-content" class="swal2-textarea" style="margin:0;width:100%;">' + escapeHtml(currentContent) + '</textarea>' +
+                    '<textarea id="swal-news-content" class="swal2-textarea">' + escapeHtml(currentContent) + '</textarea>' +
                 '</div>' +
                 '<div>' +
                     '<label class="swal-label">Autor</label>' +
-                    '<input id="swal-news-author" class="swal2-input" style="margin:0;width:100%;" value="' + escapeHtml(currentAuthor) + '">' +
+                    '<input id="swal-news-author" class="swal2-input" value="' + escapeHtml(currentAuthor) + '">' +
                 '</div>' +
             '</div>',
         showCancelButton: true,
diff --git a/public/js/app.js b/public/js/app.js
index 14c9020..1fda51a 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -666,14 +666,14 @@ function editContribution(contributionId) {
     Swal.fire({
         title: 'Beitrag bearbeiten',
         html:
-            '<div style="text-align:left;">' +
-                '<div style="margin-bottom:12px;">' +
+            '<div class="swal-form">' +
+                '<div class="swal-group">' +
                     '<label class="swal-label">Titel</label>' +
-                    '<input id="swal-title" class="swal2-input" style="margin:0;width:100%;" value="' + escapeHtml(props.title) + '">' +
+                    '<input id="swal-title" class="swal2-input" value="' + escapeHtml(props.title) + '">' +
                 '</div>' +
                 '<div>' +
                     '<label class="swal-label">Beschreibung</label>' +
-                    '<textarea id="swal-description" class="swal2-textarea" style="margin:0;width:100%;">' + escapeHtml(props.description || '') + '</textarea>' +
+                    '<textarea id="swal-description" class="swal2-textarea">' + escapeHtml(props.description || '') + '</textarea>' +
                 '</div>' +
             '</div>',
         showCancelButton: true,
diff --git a/public/styles.css b/public/styles.css
index 9223147..7baf26a 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -292,6 +292,20 @@ select.form-input { cursor: pointer; }
     margin-bottom: var(--space-xs);
 }
 
+.swal-form {
+    text-align: left;
+}
+
+.swal-group {
+    margin-bottom: var(--space-sm);
+}
+
+.swal2-input,
+.swal2-textarea {
+    margin: 0 !important;
+    width: 100% !important;
+}
+
 .detail-block {
     padding: var(--space-sm) 0;
     font-size: var(--font-base);