diff --git a/src/components/Content.vue b/src/components/Content.vue
index 41d594d..13cc1cc 100644
--- a/src/components/Content.vue
+++ b/src/components/Content.vue
@@ -37,6 +37,6 @@ export default {
 
 <style scoped>
 	main {
-		padding-top: 48px; /* Space for fixed navbar */
+		padding-top: 60px; /* Space for fixed navbar */
 	}
 </style>
diff --git a/src/components/CtfService.vue b/src/components/CtfService.vue
index 6dc2d35..5838f0e 100644
--- a/src/components/CtfService.vue
+++ b/src/components/CtfService.vue
@@ -21,5 +21,7 @@ export default {
 </script>
 
 <style scoped>
-
+li {
+	margin-left: 10px;
+}
 </style>
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index 21b69a6..4589fa2 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -10,7 +10,7 @@
 						:port="service.port"
 						:name="service.name"></CtfService>
 
-				<li class="nav-item">
+				<li class="nav-item" style="margin-left: 10px;">
 					<button type="button" class="btn btn-link">
 						<svg id="i-plus" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16"
 								fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round"
diff --git a/src/components/Packet.vue b/src/components/Packet.vue
index b56c3a0..47da59c 100644
--- a/src/components/Packet.vue
+++ b/src/components/Packet.vue
@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<div>#{{id}} at {{new Date(timestamp * 1000)}}</div>
+		<div>#{{id}} at {{new Date(timestamp * 1000).toLocaleDateString('ru-RU', {month: '2-digit', day: '2-digit', hour:'2-digit', minute: '2-digit', second: '2-digit'})}}</div>
 		<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
 			<pre :id="'hexdump-' + id"></pre>
 		</div>
diff --git a/src/components/Stream.vue b/src/components/Stream.vue
index 0944591..52ce38f 100644
--- a/src/components/Stream.vue
+++ b/src/components/Stream.vue
@@ -3,7 +3,7 @@
 		<router-link class="nav-link" active-class="active" :to="{ name: 'home', params: { servicePort: $route.params.servicePort, streamId: id} }">
 			<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
 			#{{id}}<br/>
-			{{time}}
+			{{new Date(time * 1000).toLocaleDateString('ru-RU', {month: '2-digit', day: '2-digit', hour:'2-digit', minute: '2-digit', second: '2-digit'})}}
 		</router-link>
 	</li>
 </template>