diff --git a/frontend/src/css/shared-dir-view.css b/frontend/src/css/shared-dir-view.css
index d3386bb0e0..1675e0d985 100644
--- a/frontend/src/css/shared-dir-view.css
+++ b/frontend/src/css/shared-dir-view.css
@@ -18,7 +18,7 @@ body {
 .shared-dir-view-main {
   width: calc(100% - 40px);
   max-width: 950px;
-  padding: 15px 0;
+  padding: 15px 0 40px;
   margin: 0 auto;
 }
 .op-bar {
diff --git a/frontend/src/shared-dir-view.js b/frontend/src/shared-dir-view.js
index 2f1de4c62e..0050a966e7 100644
--- a/frontend/src/shared-dir-view.js
+++ b/frontend/src/shared-dir-view.js
@@ -336,8 +336,7 @@ class Item extends React.Component {
           <td>{moment(item.last_modified).format('YYYY-MM-DD')}</td>
           <td>
             {showDownloadIcon &&
-            <a className={isIconShown ? '' : ' invisible'} href="#" onClick={this.zipDownloadFolder} title={gettext('Download')} aria-label={gettext('Download')}>
-              <img src={`${mediaUrl}img/download.png`} alt={gettext('Download')} />
+            <a className={`action-icon sf2-icon-download${isIconShown ? '' : ' invisible'}`} href="#" onClick={this.zipDownloadFolder} title={gettext('Download')} aria-label={gettext('Download')}>
             </a>
             }
           </td>
@@ -361,8 +360,7 @@ class Item extends React.Component {
           <td>{moment(item.last_modified).format('YYYY-MM-DD')}</td>
           <td>
             {showDownloadIcon &&
-            <a className={isIconShown ? '' : ' invisible'} href={`${fileURL}&dl=1`} title={gettext('Download')} aria-label={gettext('Download')}>
-              <img src={`${mediaUrl}img/download.png`} alt={gettext('Download')} />
+            <a className={`action-icon sf2-icon-download${isIconShown ? '' : ' invisible'}`} href={`${fileURL}&dl=1`} title={gettext('Download')} aria-label={gettext('Download')}>
             </a>
             }
           </td>