diff --git a/view/static/main.css b/view/static/main.css
index e69de29..a508865 100644
--- a/view/static/main.css
+++ b/view/static/main.css
@@ -0,0 +1,91 @@
+:root {
+	--border-color: hsl(0 0% 90%);
+	--accent-color: red;
+}
+
+html {
+	box-sizing: border-box;
+	font-family: system-ui;
+}
+
+*,
+*::before,
+*::after {
+	box-sizing: inherit;
+}
+
+* {
+	margin: 0;
+}
+
+body {
+	line-height: 1.5;
+}
+
+img,
+picture,
+video,
+canvas,
+svg {
+	display: block;
+	max-width: 100%;
+}
+
+input,
+button,
+textarea,
+select {
+	font: inherit;
+}
+
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	overflow-wrap: break-word;
+}
+
+body {
+	min-height: 100vh;
+	display: flex;
+	flex-direction: column;
+	align-items: stretch;
+}
+
+.footer {
+	margin-top: auto;
+	padding: 1.5rem 0;
+	margin-top: 1.5rem;
+	border-top: 1px solid var(--border-color);
+}
+
+.container {
+	max-width: 1200px;
+	margin: 0 auto;
+	padding: 0 2rem;
+}
+
+table,
+th,
+tr,
+td {
+	text-align: inherit;
+}
+
+.pagination {
+	list-style-type: none;
+	padding: 0;
+	display: flex;
+}
+
+.page-link {
+	display: block;
+	padding: 0.5em 1em;
+}
+
+.page-item.active {
+	background-color: var(--accent-color);
+}
diff --git a/view/templates/base.html b/view/templates/base.html
index 23bb11c..b3977e5 100644
--- a/view/templates/base.html
+++ b/view/templates/base.html
@@ -19,7 +19,16 @@
 		></script>
 	</head>
 	<body>
-		{% block body %}{% endblock %}
+		<header class="header">
+			<div class="container">
+				<h1>
+					Headliner
+				</h1>
+			</div>
+		</header>
+		<main>
+			{% block body %}{% endblock %}
+		</main>
 		{% include 'parts/footer.html' %}
 	</body>
 </html>
diff --git a/view/templates/index.html b/view/templates/index.html
index 79f3f0f..a9012d5 100644
--- a/view/templates/index.html
+++ b/view/templates/index.html
@@ -2,7 +2,7 @@
 
 {% block body %}
 <div class="container">
-	<form>
+	<form method="get">
 		<div class="d-flex">
 			<input
 				class="m-2 form-control"
@@ -11,13 +11,11 @@
 				name="search"
 				value="{{ search|e }}"
 			/>
-			<input
-				class="m-2 btn btn-primary"
+			<button
+				class="button"
 				type="submit"
-				formenctype="application/x-www-form-urlencoded"
-				formmethod="get"
 				value="Hledat"
-			/>
+			>Hledat</button>
 		</div>
 	</form>
 	<div class="table-responsive">
@@ -42,11 +40,9 @@
 					</td>
 					<td>{{ diff.diff_html|safe }}</td>
 					<td class="expanded">
-						<span class="short">{{ diff.title_orig|truncate(15) }} </span>
 						<span class="long">{{ diff.title_orig }} </span>
 					</td>
 					<td class="expanded">
-						<span class="short">{{ diff.title_new|truncate(15) }} </span>
 						<span class="long">{{ diff.title_new}} </span>
 					</td>
 				</tr>
@@ -54,11 +50,7 @@
 			</tbody>
 		</table>
 	</div>
-	<div class="container text-center">
-		<div class="row">
-			<div class="col">{{ pagination.links }}</div>
-			<div class="col">{{ pagination.info }}</div>
-		</div>
-	</div>
+	{{ pagination.links }}
+	{{ pagination.info }}
 </div>
 {% endblock body %}
diff --git a/view/templates/parts/footer.html b/view/templates/parts/footer.html
index 64bac23..604114a 100644
--- a/view/templates/parts/footer.html
+++ b/view/templates/parts/footer.html
@@ -1,5 +1,5 @@
-<footer class="footer mt-auto py-3 bg-light">
+<footer class="footer">
     <div class="container">
         <span class="text-muted"> <a href="{{ url_for('index') }}">Headliner</a> | <a href="{{ url_for('feed_list') }}">Feed list</a> | <a href="{{ url_for('about') }}">About</a> | <a href="https://nolog.cz">NoLog.cz</a></span>
     </div>
-</footer>
\ No newline at end of file
+</footer>
