diff --git a/internal_packages/ui-taiga/styles/sidebar.less b/internal_packages/ui-taiga/styles/sidebar.less
index 09f317ff2..18c06280b 100644
--- a/internal_packages/ui-taiga/styles/sidebar.less
+++ b/internal_packages/ui-taiga/styles/sidebar.less
@@ -9,8 +9,17 @@
   background-color: @white !important;
 
   section {
+    &:first-child .heading {
+      padding-right: 40px;
+    }
+
     .heading {
       padding-bottom: 5px;
+      .text {
+        flex: 1;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
     }
     .item-container {
       margin: 0 10px 0 0 !important;
diff --git a/src/components/outline-view.jsx b/src/components/outline-view.jsx
index b24bc13a9..959232358 100644
--- a/src/components/outline-view.jsx
+++ b/src/components/outline-view.jsx
@@ -125,7 +125,9 @@ class OutlineView extends Component {
     const collapseLabel = collapsed ? 'Show' : 'Hide';
     return (
       <div className="heading">
-        {this.props.title}
+        <span className="text">
+          {this.props.title}
+        </span>
         {allowCreate ? this._renderCreateButton() : void 0}
         {collapsible ?
           <span
diff --git a/static/components/disclosure-triangle.less b/static/components/disclosure-triangle.less
index 01b12a4cb..dde374bbc 100644
--- a/static/components/disclosure-triangle.less
+++ b/static/components/disclosure-triangle.less
@@ -4,7 +4,7 @@
 .disclosure-triangle {
   flex-shrink: 0;
   padding: 7px;
-  padding-top: 11px;
+  padding-top: 10px;
   width: 20px;
   visibility: hidden;