diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/config.html.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/config.html.twig
index deab6989e4..a2a7dff8b4 100644
--- a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/config.html.twig
+++ b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/config.html.twig
@@ -31,81 +31,86 @@
     {% endset %}
 
     {% set text %}
-        {% if collector.applicationname %}
+        <div class="sf-toolbar-info-group">
+            {% if collector.applicationname %}
+                <div class="sf-toolbar-info-piece">
+                    <b>{{ collector.applicationname }}</b>
+                    <span>{{ collector.applicationversion }}</span>
+                </div>
+            {% endif %}
+
             <div class="sf-toolbar-info-piece">
-                <b>{{ collector.applicationname }}</b>
-                <span>{{ collector.applicationversion }}</span>
-            </div>
-        {% endif %}
-
-        <div class="sf-toolbar-info-piece">
-            <b>Profiler token</b>
-            <span>
-                {% if profiler_url %}
-                    <a href="{{ profiler_url }}">{{ collector.token }}</a>
-                {% else %}
-                    {{ collector.token }}
-                {% endif %}
-            </span>
-        </div>
-
-        {% if 'n/a' != collector.appname %}
-            <div class="sf-toolbar-info-piece">
-                <b>Kernel name</b>
-                <span>{{ collector.appname }}</span>
-            </div>
-        {% endif %}
-
-        {% if 'n/a' != collector.env %}
-            <div class="sf-toolbar-info-piece">
-                <b>Environment</b>
-                <span>{{ collector.env }}</span>
-            </div>
-        {% endif %}
-
-        {% if 'n/a' != collector.debug %}
-            <div class="sf-toolbar-info-piece">
-                <b>Debug</b>
-                <span class="{{ debug_status_class }}">{{ collector.debug ? 'enabled' : 'disabled' }}</span>
-            </div>
-        {% endif %}
-
-        <div class="sf-toolbar-info-piece sf-toolbar-info-php">
-            <b>PHP version</b>
-            <span>
-                {{ collector.phpversion }}
-                &nbsp; <a href="{{ path('_profiler_phpinfo') }}">View phpinfo()</a>
-            </span>
-        </div>
-
-        <div class="sf-toolbar-info-piece sf-toolbar-info-php-ext">
-            <b>PHP Extensions</b>
-            <span class="sf-toolbar-status sf-toolbar-status-{{ collector.hasxdebug ? 'green' : 'red' }}">xdebug</span>
-            <span class="sf-toolbar-status sf-toolbar-status-{{ collector.hasaccelerator ? 'green' : 'red' }}">accel</span>
-        </div>
-
-        <div class="sf-toolbar-info-piece">
-            <b>PHP SAPI</b>
-            <span>{{ collector.sapiName }}</span>
-        </div>
-
-
-        {% if collector.symfonyversion is defined %}
-            <div class="sf-toolbar-info-piece">
-                <b>Resources</b>
+                <b>Profiler token</b>
                 <span>
-                    {% if 'Silex' == collector.applicationname %}
-                        <a href="http://silex.sensiolabs.org/documentation" rel="help">
-                            Read Silex Docs
-                        </a>
+                    {% if profiler_url %}
+                        <a href="{{ profiler_url }}">{{ collector.token }}</a>
                     {% else %}
-                        <a href="https://symfony.com/doc/{{ collector.symfonyversion }}/index.html" rel="help">
-                            Read Symfony {{ collector.symfonyversion }} Docs
-                        </a>
+                        {{ collector.token }}
                     {% endif %}
                 </span>
             </div>
-        {% endif %}
+
+            {% if 'n/a' != collector.appname %}
+                <div class="sf-toolbar-info-piece">
+                    <b>Kernel name</b>
+                    <span>{{ collector.appname }}</span>
+                </div>
+            {% endif %}
+
+            {% if 'n/a' != collector.env %}
+                <div class="sf-toolbar-info-piece">
+                    <b>Environment</b>
+                    <span>{{ collector.env }}</span>
+                </div>
+            {% endif %}
+
+            {% if 'n/a' != collector.debug %}
+                <div class="sf-toolbar-info-piece">
+                    <b>Debug</b>
+                    <span class="{{ debug_status_class }}">{{ collector.debug ? 'enabled' : 'disabled' }}</span>
+                </div>
+            {% endif %}
+        </div>
+
+        <div class="sf-toolbar-info-group">
+            <div class="sf-toolbar-info-piece sf-toolbar-info-php">
+                <b>PHP version</b>
+                <span>
+                    {{ collector.phpversion }}
+                    &nbsp; <a href="{{ path('_profiler_phpinfo') }}">View phpinfo()</a>
+                </span>
+            </div>
+
+            <div class="sf-toolbar-info-piece sf-toolbar-info-php-ext">
+                <b>PHP Extensions</b>
+                <span class="sf-toolbar-status sf-toolbar-status-{{ collector.hasxdebug ? 'green' : 'red' }}">xdebug</span>
+                <span class="sf-toolbar-status sf-toolbar-status-{{ collector.hasaccelerator ? 'green' : 'red' }}">accel</span>
+            </div>
+
+            <div class="sf-toolbar-info-piece">
+                <b>PHP SAPI</b>
+                <span>{{ collector.sapiName }}</span>
+            </div>
+        </div>
+
+        <div class="sf-toolbar-info-group">
+            {% if collector.symfonyversion is defined %}
+                <div class="sf-toolbar-info-piece">
+                    <b>Resources</b>
+                    <span>
+                        {% if 'Silex' == collector.applicationname %}
+                            <a href="http://silex.sensiolabs.org/documentation" rel="help">
+                                Read Silex Docs
+                            </a>
+                        {% else %}
+                            <a href="https://symfony.com/doc/{{ collector.symfonyversion }}/index.html" rel="help">
+                                Read Symfony {{ collector.symfonyversion }} Docs
+                            </a>
+                        {% endif %}
+                    </span>
+                </div>
+            {% endif %}
+        </div>
     {% endset %}
 
     {{ include('@WebProfiler/Profiler/toolbar_item.html.twig', { link: true, name: 'config', status: block_status, additional_classes: 'sf-toolbar-block-right' }) }}
diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig
index 6b15a33bb8..1b61835d10 100644
--- a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig
+++ b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig
@@ -104,6 +104,16 @@
 .sf-toolbar-block .sf-toolbar-info-piece-additional-detail {
     display: none;
 }
+.sf-toolbar-block .sf-toolbar-info-group {
+    margin-bottom: 4px;
+    padding-bottom: 2px;
+    border-bottom: 1px solid #333333;
+}
+.sf-toolbar-block .sf-toolbar-info-group:last-child {
+    margin-bottom: 0;
+    padding-bottom: 0;
+    border-bottom: none;
+}
 
 .sf-toolbar-block .sf-toolbar-info-piece .sf-toolbar-status {
     padding: 2px 5px;