diff --git a/source/web/images/filetypes/gif.png b/source/web/images/filetypes/gif.png
new file mode 100644
index 0000000000..2d61f9a202
Binary files /dev/null and b/source/web/images/filetypes/gif.png differ
diff --git a/source/web/images/filetypes/html.png b/source/web/images/filetypes/html.png
new file mode 100644
index 0000000000..c18c3c792a
Binary files /dev/null and b/source/web/images/filetypes/html.png differ
diff --git a/source/web/images/filetypes64/gif.png b/source/web/images/filetypes64/gif.png
new file mode 100644
index 0000000000..ecdcfc81b6
Binary files /dev/null and b/source/web/images/filetypes64/gif.png differ
diff --git a/source/web/images/filetypes64/html.png b/source/web/images/filetypes64/html.png
new file mode 100644
index 0000000000..a583a5a58e
Binary files /dev/null and b/source/web/images/filetypes64/html.png differ
diff --git a/source/web/scripts/ajax/doclist.js b/source/web/scripts/ajax/doclist.js
index a0df8f8db6..12305c8aa6 100644
--- a/source/web/scripts/ajax/doclist.js
+++ b/source/web/scripts/ajax/doclist.js
@@ -83,7 +83,7 @@ var MyDocs = {
detail.setStyle('height', detail.defHeight);
info.setStyle('opacity', 0);
img.defSrc = img.src;
- img.bigSrc = img.src.replace(/filetypes\//, 'filetypes64/').replace(/.gif/, '.png');
+ img.bigSrc = img.src.replace(/filetypes\//, 'filetypes64/').replace(/.gif$/, '.png');
resource.defHeight = 1;
resource.setStyle('height', resource.defHeight);
diff --git a/source/web/scripts/ajax/mytasks.js b/source/web/scripts/ajax/mytasks.js
index fae68eec9b..64b1c7690b 100644
--- a/source/web/scripts/ajax/mytasks.js
+++ b/source/web/scripts/ajax/mytasks.js
@@ -157,7 +157,7 @@ var MyTasks = {
// slide and fade in the details panel
animDetail[i] = {
- 'height': [detailHeight, detail.defHeight + 140],
+ 'height': [detailHeight, detail.defHeight + 132],
'opacity': [detail.getStyle('opacity'), 1]};
// close other open tasks and toggle this one if it's already open