diff --git a/web/src/component/Login.js b/web/src/component/Login.js
index 7a4e939..38534d3 100644
--- a/web/src/component/Login.js
+++ b/web/src/component/Login.js
@@ -6,7 +6,7 @@ function Login(props) {
   let [username, setUsername] = useState("");
   let [password, setPassword] = useState("");
   return (
-    <div>
+    <div className="page">
       <h2>Login</h2>
       <label htmlFor="username">Username</label>
       <input
diff --git a/web/src/component/Manage.js b/web/src/component/Manage.js
index 320c366..98cb157 100644
--- a/web/src/component/Manage.js
+++ b/web/src/component/Manage.js
@@ -5,7 +5,7 @@ function Manage(props) {
   let navigate = useNavigate();
 
   return (
-    <div>
+    <div className="page">
       <h2>Manage</h2>
       <p>Hi, {props.user.username}</p>
       {props.user.role === 0 && (
@@ -44,9 +44,11 @@ function Manage(props) {
         </button>
       )}
       <hr />
-      <button onClick={() => navigate("/manage/tags")}>Tags</button>
-      <button onClick={() => navigate("/manage/users")}>Users</button>
-      <button onClick={() => navigate("/manage/feedbacks")}>Feedbacks</button>
+      <div className="horizontal">
+        <button onClick={() => navigate("/manage/tags")}>Tags</button>
+        <button onClick={() => navigate("/manage/users")}>Users</button>
+        <button onClick={() => navigate("/manage/feedbacks")}>Feedbacks</button>
+      </div>
       <Database />
     </div>
   );