diff --git a/github/python-oauth-web-app/templates/about.html b/github/python-oauth-web-app/templates/about.html
index e3fb71e..f9a1a42 100644
--- a/github/python-oauth-web-app/templates/about.html
+++ b/github/python-oauth-web-app/templates/about.html
@@ -1,16 +1,18 @@
 {% extends 'base.html' %}
 {% block content %}
 
-<h2>about</h2>
+<h2>service</h2>
 <p>This service allows you to comment on live broadcasts using your atproto account.</p>
-<hr/>
-<p>このサービスはlive配信にatprotoアカウントを使ってコメントができます。</p>
 
 <h2>system</h2>
 <p>Display posts to BBS using atproto oauth.</p>
 <p>This service is generated using <a href="https://github.com/bluesky-social/cookbook">bluesky/cookbook</a>.</p>
 <p>Authentication information will be deleted periodically.</p>
 <hr/>
+
+<h2>サービス</h2>
+<p>このサービスはlive配信にatprotoアカウントを使ってコメントができます。</p>
+<h2>システム</h2>
 <p>atproto oauthを使用してbbsへの書き込みを許可します。</p>
 <p>このサービスは<a href="https://github.com/bluesky-social/cookbook">bluesky/cookbook</a>を使用して生成されています。</p>
 <p>認証情報は定期的に削除されます。</p>
diff --git a/github/python-oauth-web-app/templates/base.html b/github/python-oauth-web-app/templates/base.html
index 34a0501..3193bf9 100644
--- a/github/python-oauth-web-app/templates/base.html
+++ b/github/python-oauth-web-app/templates/base.html
@@ -73,7 +73,7 @@
 				display: flex;
 				flex-direction: column;
 				justify-content: flex-end;
-				padding-left:10px;
+				padding-left:20px;
 					.content:first-of-type {
 						position: sticky;
 						bottom: 0;