diff --git a/web/public/auth.html b/web/public/auth.html
index 1fc0aa5..df8a17e 100644
--- a/web/public/auth.html
+++ b/web/public/auth.html
@@ -32,18 +32,20 @@
 	<h1>Welcome to Tanabata!</h1>
 </header>
 <main>
-	<form id="auth">
-		<div class="form-group">
-			<label for="password">Password</label>
-			<input type="password" id="password" name="password" class="form-control" maxlength="32" placeholder="Password">
-			<div class="invalid-feedback">Invalid password!</div>
-			<div class="valid-feedback">Authorization success!</div>
-		</div>
-		<div class="form-group button-flex">
-			<input type="submit" id="submit" class="btn btn-primary" value="Submit">
-			<a href="/" class="btn btn-secondary">Back to home</a>
-		</div>
-	</form>
+	<div class="contents-wrapper">
+		<form id="auth">
+			<div class="form-group">
+				<label for="password">Password</label>
+				<input type="password" id="password" name="password" class="form-control" maxlength="32" placeholder="Password">
+				<div class="invalid-feedback">Invalid password!</div>
+				<div class="valid-feedback">Authorization success!</div>
+			</div>
+			<div class="form-group button-flex">
+				<input type="submit" id="submit" class="btn btn-primary" value="Submit">
+				<a href="/" class="btn btn-secondary">Back to home</a>
+			</div>
+		</form>
+	</div>
 </main>
 <script src="js/auth.js"></script>
 </body>
diff --git a/web/public/css/auth.css b/web/public/css/auth.css
index facc4aa..7dee003 100644
--- a/web/public/css/auth.css
+++ b/web/public/css/auth.css
@@ -1,10 +1,9 @@
 form {
+	margin: 0;
+	width: 100%;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
-	margin: 0;
-	padding: 2vw 2vw;
-	box-sizing: border-box;
 }
 
 .button-flex {
diff --git a/web/public/css/general.css b/web/public/css/general.css
index b050fde..63e602e 100644
--- a/web/public/css/general.css
+++ b/web/public/css/general.css
@@ -54,6 +54,16 @@ main:hover {
 	box-shadow: 0 0 1vw black;
 }
 
+.contents-wrapper {
+	margin: 0;
+	padding: 2vw 2vw;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: row;
+	align-content: center;
+	justify-content: space-around;
+}
+
 h2 {
 	margin: 0;
 	padding: 14px 0;
diff --git a/web/public/index.html b/web/public/index.html
index b2e1a2c..ae869e2 100644
--- a/web/public/index.html
+++ b/web/public/index.html
@@ -29,5 +29,11 @@
 </head>
 <body>
 <h1>Welcome to Tanabata!</h1>
+<main>
+	<h2>Select Tanabata service</h2>
+	<div class="contents-wrapper">
+		<a href="/tfm" class="btn btn-primary">TFM</a>
+	</div>
+</main>
 </body>
 </html>
