diff --git a/app/views/cms/_text_editor_sidebar.html.erb b/app/views/cms/_text_editor_sidebar.html.erb
index d259c25..660d072 100644
--- a/app/views/cms/_text_editor_sidebar.html.erb
+++ b/app/views/cms/_text_editor_sidebar.html.erb
@@ -34,8 +34,9 @@
 </div>
 
 <script id="template-upload" type="text/x-tmpl">
-  <div id="{%= S(o.name).slugify().s %}" class="upload">
-    {%=o.name%}<span class="percentage"></span>
+  <div id="{%= S(o.name).slugify().s %}" class="upload" title="{%= o.name %}">
+    <div class="file-name">{%=o.name%}</div>
+    <div class="percentage"></div>
     <div class="progress"><div class="bar" style="width: 0%;"></div></div>
   </div>
 </script>
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 84244f7..ce433a4 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -3419,6 +3419,23 @@ div.with_media_panel .formfield input[type="checkbox"] {
   text-align: center;
 }
 
+#media-upload-box .upload .file-name,
+#media-upload-box .upload .percentage {
+  display: inline-block;
+}
+
+#media-upload-box .upload .file-name{
+  width: 87%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+#media-upload-box .upload .percentage {
+  width: 12%;
+}
+
+
 .text-editor-sidebar {
   position: absolute;
   width: 280px;
--
libgit2 0.21.2