diff --git a/resources/sass/app.scss b/resources/sass/app.scss
index 75d0952..59e26f1 100644
--- a/resources/sass/app.scss
+++ b/resources/sass/app.scss
@@ -16,8 +16,9 @@ body {
 }
 
 @import 'components/bookmark';
-@import 'components/pagination';
 @import 'components/forms';
+@import 'components/header';
+@import 'components/pagination';
 
 a {
     &,
@@ -31,12 +32,6 @@ a {
     }
 }
 
-
-h1 {
-    color: #FFF3B0;
-    text-align: center;
-}
-
 .container {
     max-width: 40rem;
     margin: 1em auto;
diff --git a/resources/sass/components/_header.scss b/resources/sass/components/_header.scss
new file mode 100644
index 0000000..494ee4f
--- /dev/null
+++ b/resources/sass/components/_header.scss
@@ -0,0 +1,18 @@
+header {
+    display: flex;
+    margin: 1em 0;
+
+    > h1 {
+        flex: 1;
+        margin: 0;
+        color: #FFF3B0;
+        text-align: left;
+        font-size: 2rem;
+    }
+
+    > a {
+        flex: 0;
+        font-size: 2rem;
+        text-decoration: none;
+    }
+}
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index c814549..96e6cdc 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -6,7 +6,9 @@
 </head>
 <body>
     <div class="container">
-        <h1><a href="{{ url("/") }}">url snail</a></h1>
+        <header>
+            <h1><a href="{{ url("/") }}">url snail</a></h1>
+        </header>
         @yield('content')
     </div>
 </body>
