diff --git a/page/newsletter/style.css b/page/newsletter/style.css
new file mode 100644
index 0000000..0f8dfee
--- /dev/null
+++ b/page/newsletter/style.css
@@ -0,0 +1,7 @@
+.page-form .section .box {
+	align-items: flex-start;
+}
+.page-form .section .box.box-main-form {
+	flex-basis: 22rem;
+	flex-grow: 64;
+}
diff --git a/page/newsletter/subscribe/index.php b/page/newsletter/subscribe/index.php
index e234316..9e64c85 100644
--- a/page/newsletter/subscribe/index.php
+++ b/page/newsletter/subscribe/index.php
@@ -30,6 +30,8 @@
 	
 	require("./page/page_base.php");
 	Page::js(__DIR__ . "/main.js");
+	Page::css("./page/start/style.css");
+	Page::css(dirname(__DIR__) . "/style.css");
 ?>
 
 
@@ -37,10 +39,10 @@
 
 
 <div class="page-container">
-	<div class="page">
-		<div id="news" class="section">
+	<div class="page page-form">
+		<div class="section">
 			<div class="content rows">
-				<div id="newsletter" class="box">
+				<div class="box box-main-form">
 					<span class="title"><?= $dict->get("newsletter_subscribe_title") ?></span>
 					
 					<div id="newsletter-signup-form-container" class="form-container">
diff --git a/page/newsletter/unsubscribe/index.php b/page/newsletter/unsubscribe/index.php
index 7e1d91b..8823889 100644
--- a/page/newsletter/unsubscribe/index.php
+++ b/page/newsletter/unsubscribe/index.php
@@ -30,6 +30,8 @@
 	
 	require("./page/page_base.php");
 	Page::js(__DIR__ . "/main.js");
+	Page::css("./page/start/style.css");
+	Page::css(dirname(__DIR__) . "/style.css");
 ?>
 
 
@@ -37,10 +39,10 @@
 
 
 <div class="page-container">
-	<div class="page">
-		<div id="news" class="section">
+	<div class="page page-form">
+		<div class="section">
 			<div class="content rows">
-				<div id="newsletter" class="box">
+				<div class="box box-main-form">
 					<span class="title"><?= $dict->get("newsletter_unsubscribe_title") ?></span>
 					
 					<div id="newsletter-signup-form-container" class="form-container">