diff --git a/src/components/layers/LayerList.jsx b/src/components/layers/LayerList.jsx
index 56ad83ec..e0739e20 100644
--- a/src/components/layers/LayerList.jsx
+++ b/src/components/layers/LayerList.jsx
@@ -175,7 +175,7 @@ class LayerListContainer extends React.Component {
           onLayersChange={this.props.onLayersChange}
       />
       <header className="maputnik-layer-list-header">
-        <span>Layers</span>
+        <span className="maputnik-layer-list-header-title">Layers</span>
         <span className="maputnik-space" />
         <Button
           onClick={this.toggleModal.bind(this, 'add')}
diff --git a/src/styles/_layer.scss b/src/styles/_layer.scss
index 0ef49789..b0492e1b 100644
--- a/src/styles/_layer.scss
+++ b/src/styles/_layer.scss
@@ -5,9 +5,6 @@
 .maputnik-layer-list {
   &-header{
     padding: $margin-2;
-    font-weight: bold;
-    font-size: $font-size-5;
-    color: $color-white;
     display: flex;
     display: -ms-flexbox;
     @include vendor-prefix(flex-direction, row)
@@ -18,6 +15,13 @@
     }
   }
 
+  &-header-title {
+    font-size: $font-size-5;
+    color: $color-white;
+    font-weight: bold;
+    line-height: 1.3;
+  }
+
   &-container {
     padding: 0;
     margin: 0;