diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/open.css.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/open.css.twig
index 9e290b22e643..144e86f062bb 100644
--- a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/open.css.twig
+++ b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/open.css.twig
@@ -31,21 +31,23 @@ body {
     background-color: #222;
     position: fixed;
     top: 0;
+    display: flex;
     width: 100%;
 }
 .header h1 {
-    float: left;
     color: #FFF;
     font-weight: normal;
     font-size: 21px;
     margin: 0;
     padding: 10px 10px 8px;
+    word-break: break-all;
 }
 
 a.doc {
-    float: right;
     color: #FFF;
     text-decoration: none;
+    margin: auto;
+    margin-right: 10px;
 }
 
 a.doc:hover {
diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/open.html.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/open.html.twig
index 438146b633ec..9b482f1f0aa9 100644
--- a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/open.html.twig
+++ b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/open.html.twig
@@ -8,8 +8,8 @@
 
 {% block body %}
 <div class="header">
-    <a class="doc" href="https://symfony.com/doc/{{ constant('Symfony\\Component\\HttpKernel\\Kernel::VERSION') }}/reference/configuration/framework.html#ide" rel="help">Open in your IDE?</a>
     <h1>{{ file }} <small>line {{ line }}</small></h1>
+    <a class="doc" href="https://symfony.com/doc/{{ constant('Symfony\\Component\\HttpKernel\\Kernel::VERSION') }}/reference/configuration/framework.html#ide" rel="help">Open in your IDE?</a>
 </div>
 <div class="source">
     {{ filename|file_excerpt(line, -1) }}