diff --git a/static/src/app/statistic/war-detail/war-detail.component.css b/static/src/app/statistic/war-detail/war-detail.component.css
index 9e60f76..0791e30 100644
--- a/static/src/app/statistic/war-detail/war-detail.component.css
+++ b/static/src/app/statistic/war-detail/war-detail.component.css
@@ -1,3 +1,21 @@
+.war-header {
+  position: fixed;
+  left: 35%;
+  border-bottom: thin solid lightgrey;
+}
+
+@media only screen and (max-width: 1950px) {
+  .war-header {
+    left: 30%;
+  }
+}
+
+@media only screen and (max-width: 1500px) {
+  .war-header {
+    left: 380px;
+  }
+}
+
 .war-header-container {
   width: 920px;
   min-height: 168px;
@@ -10,10 +28,6 @@
   margin-bottom: 10px;
 }
 
-.war-header {
-  border-bottom: thin solid lightgrey;
-}
-
 .nav-tabs > li.active > a {
   background: #222222;
 }