diff --git a/app/templates/common/404.html b/app/templates/common/404.html
index 5caab1a..06df7ae 100644
--- a/app/templates/common/404.html
+++ b/app/templates/common/404.html
@@ -1,8 +1,8 @@
 {% extends 'base.html' %}
 {% block title %}not found{% endblock %}
 {% block content %}
-  <div class="darkbg settings-container">
-  	<h1 class="thread-title">404 Not Found</h1>
+  <div class="darkbg">
+  	<h1>404 Not Found</h1>
   	<p>The requested URL does not exist.</p>
   </div>
 {% endblock %}
diff --git a/app/templates/common/413.html b/app/templates/common/413.html
index 53abcad..5c39df3 100644
--- a/app/templates/common/413.html
+++ b/app/templates/common/413.html
@@ -1,8 +1,8 @@
 {% extends 'base.html' %}
 {% block title %}not found{% endblock %}
 {% block content %}
-  <div class="darkbg settings-container">
-  	<h1 class="thread-title">413 Request Entity Too Large</h1>
+  <div class="darkbg">
+  	<h1>413 Request Entity Too Large</h1>
   	<p>The file(s) you tried to upload are too large.</p>
   </div>
 {% endblock %}
diff --git a/app/templates/guides/_layout.html b/app/templates/guides/_layout.html
index da41b95..f55e35f 100644
--- a/app/templates/guides/_layout.html
+++ b/app/templates/guides/_layout.html
@@ -3,7 +3,7 @@
 {% block title %}guide - {{ guide.title }}{% endblock %}
 {% block content %}
 <div class="darkbg" id="top">
-  <h1 class="thread-title">Guide: {{ guide.title }}</h1>
+  <h1>Guide: {{ guide.title }}</h1>
   <ul class="horizontal">
     <li><a href="{{ url_for('guides.category_index', category=category) }}">&uarr; Back to category</a></li>
     {% if prev_guide %}
diff --git a/app/templates/guides/category_index.html b/app/templates/guides/category_index.html
index 38bd047..f0e4886 100644
--- a/app/templates/guides/category_index.html
+++ b/app/templates/guides/category_index.html
@@ -1,8 +1,8 @@
 {% extends 'base.html' %}
 {% block title %}guides - {{ category | title }}{% endblock %}
 {% block content %}
-<div class="darkbg settings-container">
-  <h1 class="thread-title">All guides in category "{{ category | replace('-', ' ') | title }}"</h1>
+<div class="darkbg">
+  <h1>All guides in category "{{ category | replace('-', ' ') | title }}"</h1>
   <ul>
     {% for page in pages %}
       <li><a href="{{ page.url }}">{{ page.title }}</a></li>
diff --git a/app/templates/guides/contact.html b/app/templates/guides/contact.html
index 3b87591..ad5b8a0 100644
--- a/app/templates/guides/contact.html
+++ b/app/templates/guides/contact.html
@@ -1,7 +1,7 @@
 {% extends 'base.html' %}
 {% block title %}contact us{% endblock %}
 {% block content %}
-<div class="darkbg settings-container">
+<div class="darkbg">
   <h1>Contact</h1>
   {% if config.ADMIN_CONTACT_INFO %}
     <p>The administrators of {{ config.SITE_NAME }} provide the following contact information:</p>
diff --git a/app/templates/guides/guides_index.html b/app/templates/guides/guides_index.html
index a4f316e..d4fbe95 100644
--- a/app/templates/guides/guides_index.html
+++ b/app/templates/guides/guides_index.html
@@ -1,8 +1,8 @@
 {% extends 'base.html' %}
 {% block title %}guides{% endblock %}
 {% block content %}
-<div class="darkbg settings-container">
-  <h1 class="thread-title">Guides index</h1>
+<div class="darkbg">
+  <h1>Guides index</h1>
   <ul>
   {% for category in categories %}
     <li>
diff --git a/app/templates/mod/motd.html b/app/templates/mod/motd.html
index 7d7501c..7ec2978 100644
--- a/app/templates/mod/motd.html
+++ b/app/templates/mod/motd.html
@@ -2,7 +2,7 @@
 {% extends 'base.html' %}
 {% block title %}editing MOTD{% endblock %}
 {% block content %}
-<div class="darkbg settings-container">
+<div class="darkbg">
   <h1>Edit Message of the Day</h1>
   <p>The Message of the Day will show up on the main page and in every topic.</p>
   <form method="POST">
diff --git a/app/templates/mod/panel.html b/app/templates/mod/panel.html
index fb6f715..c6651ef 100644
--- a/app/templates/mod/panel.html
+++ b/app/templates/mod/panel.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% block title %}moderation{% endblock %}
 {% block content %}
-<div class="darkbg settings-container">
+<div class="darkbg">
   <h1>Moderation actions</h1>
   <ul>
     <li><a href="{{ url_for('mod.user_list') }}">User list</a></li>
diff --git a/app/templates/mod/sort-topics.html b/app/templates/mod/sort-topics.html
index a679fff..7e3dff3 100644
--- a/app/templates/mod/sort-topics.html
+++ b/app/templates/mod/sort-topics.html
@@ -1,6 +1,6 @@
 {% extends "base.html" %}
 {% block content %}
-<div class="darkbg settings-container">
+<div class="darkbg">
   <h1>Change topics order</h1>
   <p>Drag topic titles to reoder them. Press submit when done. The topics will appear to users in the order set here.</p>
   <form method="post" id=topics-container>
diff --git a/app/templates/threads/create.html b/app/templates/threads/create.html
index d1950b2..6213fe6 100644
--- a/app/templates/threads/create.html
+++ b/app/templates/threads/create.html
@@ -2,7 +2,7 @@
 {% extends "base.html" %}
 {% block title %}drafting a thread{% endblock %}
 {% block content %}
-<div class="darkbg settings-container">
+<div class="darkbg">
   <h1>New thread</h1>
   <form method="post">
     <label for="topic_id">Topic</label>
diff --git a/app/templates/topics/create.html b/app/templates/topics/create.html
index 94f12ca..2f466c9 100644
--- a/app/templates/topics/create.html
+++ b/app/templates/topics/create.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% block title %}creating a topic{% endblock %}
 {% block content %}
-<div class="darkbg settings-container">
+<div class="darkbg">
   <h1>Create topic</h1>
   <form method="post">
     <label for=name>Name</label>
diff --git a/app/templates/topics/edit.html b/app/templates/topics/edit.html
index bf91575..a3498bb 100644
--- a/app/templates/topics/edit.html
+++ b/app/templates/topics/edit.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% block title %}creating a topic{% endblock %}
 {% block content %}
-<div class="darkbg settings-container">
+<div class="darkbg">
   <h1>Editing topic {{ topic['name'] }}</h1>
   <form method="post">
     <label for=name>Name</label>
diff --git a/app/templates/users/bookmark_collections.html b/app/templates/users/bookmark_collections.html
index 39ba16f..85227f6 100644
--- a/app/templates/users/bookmark_collections.html
+++ b/app/templates/users/bookmark_collections.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% block title %}managing bookmark collections{% endblock %}
 {% block content %}
-<div class="darkbg settings-container">
+<div class="darkbg">
   <h1>Manage bookmark collections</h1>
   <p>Drag collections to reoder them. You cannot move or remove the default collection, but you can rename it.</p>
   <div>
diff --git a/app/templates/users/delete_page.html b/app/templates/users/delete_page.html
index 8e90a66..0b1099c 100644
--- a/app/templates/users/delete_page.html
+++ b/app/templates/users/delete_page.html
@@ -1,7 +1,7 @@
 {% extends 'base.html' %}
 {% block title %}delete confirmation{% endblock %}
 {% block content %}
-<div class="darkbg login-container">
+<div class="darkbg">
   <h1>Confirm account deletion</h1>
   <p>Are you sure you want to delete your account on {{ config.SITE_NAME }}? <strong>This action is irreversible.</strong> Your posts and threads will remain accessible to preserve history but will be de-personalized, showing up as authored by a system user. Posts that @mention you will also mention the system user instead.</p>
   <p>If you wish for any and all content relating to you to be removed, you will have to <a href="{{url_for("guides.contact")}}" target="_blank">contact {{ config.SITE_NAME }}'s administrators separately.</a></p>
diff --git a/app/templates/users/log_in.html b/app/templates/users/log_in.html
index 2e91e03..18750c6 100644
--- a/app/templates/users/log_in.html
+++ b/app/templates/users/log_in.html
@@ -1,7 +1,7 @@
 {% extends 'base.html' %}
 {% block title %}Log in{% endblock %}
 {% block content %}
-<div class="darkbg login-container">
+<div class="darkbg">
   <h1>Log in</h1>
   <form method="post">
     <label for="username">Username</label><br>
diff --git a/app/templates/users/reset_link_login.html b/app/templates/users/reset_link_login.html
index 7fe8801..5e0ac5e 100644
--- a/app/templates/users/reset_link_login.html
+++ b/app/templates/users/reset_link_login.html
@@ -1,7 +1,7 @@
 {% extends 'base.html' %}
 {% block title %}Reset password{% endblock %}
 {% block content %}
-<div class="darkbg login-container">
+<div class="darkbg">
   <h1>Reset password for {{username}}</h1>
   <p>Send this link to {{username}} to allow them to reset their password.</p>
   <form method="post">
diff --git a/app/templates/users/settings.html b/app/templates/users/settings.html
index c4c6d14..26e03ae 100644
--- a/app/templates/users/settings.html
+++ b/app/templates/users/settings.html
@@ -3,7 +3,7 @@
 {% block title %}settings{% endblock %}
 {% block content %}
 {% set disable_avatar = not is_logged_in() %}
-<div class='darkbg settings-container'>
+<div class='darkbg'>
   <h1>User settings</h1>
   <div class="settings-grid">
     <fieldset class="hfc">
diff --git a/app/templates/users/sign_up.html b/app/templates/users/sign_up.html
index f77cdb0..7002e81 100644
--- a/app/templates/users/sign_up.html
+++ b/app/templates/users/sign_up.html
@@ -1,7 +1,7 @@
 {% extends 'base.html' %}
 {% block title %}Sign up{% endblock %}
 {% block content %}
-<div class="darkbg login-container">
+<div class="darkbg">
   <h1>Sign up</h1>
   {% if inviter %}
   <p>You have been invited by <a href="{{ url_for('users.page', username=inviter.username) }}">{{ inviter.get_readable_name() }}</a> to join {{ config.SITE_NAME }}. Create an identity below.</p>
diff --git a/data/static/css/style.css b/data/static/css/style.css
index 7502d2a..59de496 100644
--- a/data/static/css/style.css
+++ b/data/static/css/style.css
@@ -843,16 +843,6 @@ p {
   display: inline;
 }
 
-.login-container > * {
-  width: 95%;
-  margin: auto;
-}
-
-.settings-container > * {
-  width: 95%;
-  margin: auto;
-}
-
 .avatar-form {
   display: flex;
   flex-direction: column;
@@ -1479,3 +1469,7 @@ a.mention:hover, a.mention:visited:hover {
 .hfc {
   height: fit-content;
 }
+
+h1 {
+  margin: 0;
+}
diff --git a/data/static/css/theme-otomotone.css b/data/static/css/theme-otomotone.css
index 5efb779..c647df0 100644
--- a/data/static/css/theme-otomotone.css
+++ b/data/static/css/theme-otomotone.css
@@ -843,16 +843,6 @@ p {
   display: inline;
 }
 
-.login-container > * {
-  width: 95%;
-  margin: auto;
-}
-
-.settings-container > * {
-  width: 95%;
-  margin: auto;
-}
-
 .avatar-form {
   display: flex;
   flex-direction: column;
@@ -1480,6 +1470,10 @@ a.mention:hover, a.mention:visited:hover {
   height: fit-content;
 }
 
+h1 {
+  margin: 0;
+}
+
 #topnav {
   margin-bottom: 10px;
   border: 10px solid rgb(40, 40, 40);
diff --git a/data/static/css/theme-peachy.css b/data/static/css/theme-peachy.css
index 3a02269..ade51cb 100644
--- a/data/static/css/theme-peachy.css
+++ b/data/static/css/theme-peachy.css
@@ -843,16 +843,6 @@ p {
   display: inline;
 }
 
-.login-container > * {
-  width: 95%;
-  margin: auto;
-}
-
-.settings-container > * {
-  width: 95%;
-  margin: auto;
-}
-
 .avatar-form {
   display: flex;
   flex-direction: column;
@@ -1480,6 +1470,10 @@ a.mention:hover, a.mention:visited:hover {
   height: fit-content;
 }
 
+h1 {
+  margin: 0;
+}
+
 #topnav {
   border-top-left-radius: 16px;
   border-top-right-radius: 16px;
diff --git a/sass/_default.scss b/sass/_default.scss
index 6da5d4a..ad9de0f 100644
--- a/sass/_default.scss
+++ b/sass/_default.scss
@@ -52,8 +52,6 @@ $BIGGER_PADDING: 30px !default;
 
 $PAGE_SIDE_MARGIN: 100px !default;
 
-$SETTINGS_WIDTH: 95% !default;
-
 // **************
 //     BORDERS
 // **************
@@ -682,18 +680,6 @@ $pagebutton_min_width: $BIG_PADDING !default;
   display: inline;
 }
 
-$login_container_width: $SETTINGS_WIDTH !default;
-.login-container > * {
-  width: $login_container_width;
-  margin: auto;
-}
-
-$settings_container_width: $SETTINGS_WIDTH !default;
-.settings-container > * {
-  width: $settings_container_width;
-  margin: auto;
-}
-
 $avatar_form_padding: $BIG_PADDING $ZERO_PADDING !default;
 .avatar-form {
   display: flex;
@@ -1455,3 +1441,8 @@ $settings_grid_fieldset_border_radius: $DEFAULT_BORDER_RADIUS !default;
 .hfc {
   height: fit-content;
 }
+
+$compact_h1_margin: $ZERO_PADDING !default;
+h1 {
+  margin: $compact_h1_margin;
+}