diff --git a/app/assets/images/icon_small/docx_file.svg b/app/assets/images/icon_small/docx_file.svg
deleted file mode 100644
index 004bcb798..000000000
--- a/app/assets/images/icon_small/docx_file.svg
+++ /dev/null
@@ -1,61 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
-    <g clip-path="url(#clip0)">
-        <path fill="#fff" d="M19.715 20.571H6.857V3.43h9l3.858 3.857V20.57z"/>
-        <path fill="#949494" d="M15.857 3H6.428v18h13.715V7.286L15.857 3zm0 .643L19.5 7.286h-3.643V3.643zm3.857 16.928H6.857V3.43h8.572v4.285h4.285v12.857z"/>
-        <path fill="#C8C8C8" d="M18.428 9h-6.857v.428h6.857V9zM18.428 10.286h-6.857v.428h6.857v-.428zM18.428 11.571h-6.857V12h6.857v-.429zM18.428 12.857h-6.857v.429h6.857v-.429zM18.428 14.143h-6.857v.428h6.857v-.428zM18.428 15.429h-6.857v.428h6.857v-.428zM18.428 16.714h-6.857v.429h6.857v-.429zM18.428 18h-6.857v.428h6.857V18zM11.571 4.714H8.143v.429h3.428v-.429z"/>
-        <path fill="#2B579A" d="M3 9l8.571-1.286v11.143L3 17.571V9z"/>
-        <path fill="#fff" d="M10.286 11.143l-1.124 4.286H8.099l-.706-2.75c-.038-.143-.06-.304-.068-.481h-.012c-.018.195-.044.355-.077.481l-.724 2.75H5.405l-1.119-4.286h1.048l.599 2.854c.026.122.045.285.056.49h.018c.008-.153.037-.32.086-.502l.772-2.842H7.89l.698 2.878c.025.106.048.259.068.46h.012c.008-.157.028-.317.062-.478l.588-2.86h.967z"/>
-        <path fill="url(#paint0_linear)" d="M11.571 7.714L3 9v8.571l8.571 1.286V7.714z"/>
-        <path fill="url(#paint1_linear)" d="M11.571 20.143H6.428v-2.057l5.143.771v1.286z"/>
-        <path fill="url(#paint2_linear)" d="M20.143 7.286L15.857 3H6.428v18h13.715V7.286z"/>
-        <path fill="url(#paint3_linear)" d="M19.714 7.714H15.43V9h4.285V7.714z"/>
-        <path fill="url(#paint4_linear)" d="M6.428 3v.429h9v4.285h4.286v6h.429V7.286L15.857 3H6.428z"/>
-    </g>
-    <defs>
-        <linearGradient id="paint0_linear" x1="7.286" x2="7.286" y1="18.509" y2="8.039" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#fff" stop-opacity="0"/>
-            <stop offset=".859" stop-color="#fff" stop-opacity=".155"/>
-            <stop offset="1" stop-color="#fff" stop-opacity=".18"/>
-        </linearGradient>
-        <linearGradient id="paint1_linear" x1="8.894" x2="9.076" y1="20.108" y2="18.398" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#828282" stop-opacity="0"/>
-            <stop offset=".17" stop-color="#7E7E7E" stop-opacity=".034"/>
-            <stop offset=".346" stop-color="#717171" stop-opacity=".069"/>
-            <stop offset=".525" stop-color="#5D5D5D" stop-opacity=".105"/>
-            <stop offset=".706" stop-color="#404040" stop-opacity=".141"/>
-            <stop offset=".886" stop-color="#1B1B1B" stop-opacity=".178"/>
-            <stop offset=".997" stop-opacity=".2"/>
-        </linearGradient>
-        <linearGradient id="paint2_linear" x1="4.966" x2="19.495" y1="4.227" y2="21.543" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#fff" stop-opacity="0"/>
-            <stop offset=".226" stop-color="#FCFCFC" stop-opacity=".023"/>
-            <stop offset=".363" stop-color="#F4F4F4" stop-opacity=".036"/>
-            <stop offset=".475" stop-color="#E6E6E6" stop-opacity=".048"/>
-            <stop offset=".574" stop-color="#D1D1D1" stop-opacity=".057"/>
-            <stop offset=".665" stop-color="#B7B7B7" stop-opacity=".067"/>
-            <stop offset=".75" stop-color="#979797" stop-opacity=".075"/>
-            <stop offset=".83" stop-color="#707070" stop-opacity=".083"/>
-            <stop offset=".906" stop-color="#444" stop-opacity=".091"/>
-            <stop offset=".976" stop-color="#121212" stop-opacity=".098"/>
-            <stop offset="1" stop-opacity=".1"/>
-        </linearGradient>
-        <linearGradient id="paint3_linear" x1="17.571" x2="17.571" y1="8.96" y2="7.752" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#828282" stop-opacity="0"/>
-            <stop offset=".281" stop-color="#7F7F7F" stop-opacity=".028"/>
-            <stop offset=".45" stop-color="#777" stop-opacity=".045"/>
-            <stop offset=".59" stop-color="#696969" stop-opacity=".059"/>
-            <stop offset=".713" stop-color="#545454" stop-opacity=".071"/>
-            <stop offset=".826" stop-color="#3A3A3A" stop-opacity=".083"/>
-            <stop offset=".929" stop-color="#1A1A1A" stop-opacity=".093"/>
-            <stop offset="1" stop-opacity=".1"/>
-        </linearGradient>
-        <linearGradient id="paint4_linear" x1="14.687" x2="17.244" y1="6.956" y2="4.399" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#fff" stop-opacity="0"/>
-            <stop offset=".854" stop-color="#fff" stop-opacity=".213"/>
-            <stop offset="1" stop-color="#fff" stop-opacity=".25"/>
-        </linearGradient>
-        <clipPath id="clip0">
-            <path fill="#fff" d="M0 0H24V24H0z"/>
-        </clipPath>
-    </defs>
-</svg>
diff --git a/app/assets/images/icon_small/excel-document.svg b/app/assets/images/icon_small/excel-document.svg
new file mode 100644
index 000000000..44729839c
--- /dev/null
+++ b/app/assets/images/icon_small/excel-document.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0,0,2048,2048">
+  <path class='OfficeIconColors_HighContrast' d='M 1792 896 h -512 v -128 h 512 m 0 384 h -512 v -128 h 512 m 0 384 h -512 v -128 h 512 m 219 -896 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -397 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 h 397 v -384 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 0 347 h 165 l -165 -165 m -1085 935 q 5 16 14 30 l 120 224 h 149 l -200 -323 l 195 -317 h -140 l -111 202 q -6 11 -11 23 q -5 11 -12 22 q -3 -7 -7 -18 q -5 -11 -12 -25 l -104 -204 h -152 l 189 319 l -207 321 h 150 m 1480 -896 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 384 h 397 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 h -397 v 256 h 1280 z' />
+  <path fill='#FAFAFA' fill-opacity='1.000' d='M 1920 1984 h -1280 q -26 0 -45 -19 q -19 -19 -19 -45 v -1792 q 0 -26 19 -45 q 19 -19 45 -19 h 933 q 27 0 46 19 l 346 346 q 19 19 19 46 v 1445 q 0 26 -19 45 q -19 19 -45 19 z' />
+  <path fill='#797774' fill-opacity='1.000' d='M 2011 384 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -1792 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 0 347 h 165 l -165 -165 m 256 1701 v -1408 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 1792 z' />
+  <path fill='#107C41' fill-opacity='1.000' d='M 1792 1152 h -512 v -128 h 512 z' />
+  <path fill='#33C481' fill-opacity='1.000' d='M 1792 896 h -512 v -128 h 512 z' />
+  <path fill='#134A2C' fill-opacity='1.000' d='M 1792 1408 h -512 v -128 h 512 z' />
+  <path fill='#107C41' fill-opacity='1.000' d='M 1037 1664 h -922 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 h 922 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 z' />
+  <path fill='#FFFFFF' fill-opacity='1.000' d='M 290 1408 l 207 -321 l -189 -319 h 152 l 104 204 q 7 14 11 25 q 4 11 8 18 q 7 -11 12 -22 q 5 -12 11 -23 l 111 -202 h 140 l -195 317 l 200 323 h -149 l -120 -224 q -9 -14 -14 -30 l -139 254 z' />
+</svg>
\ No newline at end of file
diff --git a/app/assets/images/icon_small/powerpoint-document.svg b/app/assets/images/icon_small/powerpoint-document.svg
new file mode 100644
index 000000000..250bccb56
--- /dev/null
+++ b/app/assets/images/icon_small/powerpoint-document.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0,0,2048,2048">
+  <path class='OfficeIconColors_HighContrast' d='M 2011 384 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -397 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 h 397 v -384 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 256 1883 v -1408 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 384 h 397 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 h -397 v 256 m 768 -768 h 384 q 0 80 -30 150 q -30 69 -82 122 q -53 52 -123 82 q -70 30 -149 30 q -34 0 -66 -5 q -32 -6 -62 -17 v -724 q 30 -11 62 -16 q 32 -6 66 -6 m -790 414 q 7 0 11 -1 h 11 q 56 -3 100 -26 q 52 -27 81 -76 q 29 -49 29 -111 q 0 -96 -58 -149 q -54 -48 -152 -51 h -256 v 640 h 118 v -226 m 1034 -542 q 79 0 149 30 q 70 30 122 83 q 52 52 82 122 q 30 70 30 149 h -383 m -1034 60 v -217 h 116 q 2 0 3 1 q 1 0 3 0 h 9 q 92 12 92 105 q 0 55 -31 83 q -21 19 -54 25 q -10 2 -16 2 h -2 q -2 0 -3 1 q -2 0 -4 0 m 1049 -700 h 165 l -165 -165 z' />
+  <path fill='#FAFAFA' fill-opacity='1.000' d='M 1920 1984 h -1280 q -26 0 -45 -19 q -19 -19 -19 -45 v -1792 q 0 -26 19 -45 q 19 -19 45 -19 h 933 q 27 0 46 19 l 346 346 q 19 19 19 46 v 1445 q 0 26 -19 45 q -19 19 -45 19 z' />
+  <path fill='#797774' fill-opacity='1.000' d='M 2011 384 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -1792 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 0 347 h 165 l -165 -165 m 256 1701 v -1408 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 1792 z' />
+  <path fill='#ED6C47' fill-opacity='1.000' d='M 1536 640 q 79 0 149 30 q 70 30 123 83 q 52 52 82 122 q 30 70 30 149 h -384 m 256 128 q 0 80 -30 150 q -30 69 -82 122 q -53 52 -123 82 q -70 30 -149 30 q -34 0 -66 -5 q -32 -6 -62 -17 v -362 z' />
+  <path fill='#FF8F6B' fill-opacity='1.000' d='M 1280 790 q 30 -11 62 -16 q 32 -6 66 -6 v 384 h -128 z' />
+  <path fill='#FFFFFF' fill-opacity='0.498' d='M 1536 640 q 79 0 149 30 q 70 30 123 83 q 52 52 82 122 q 30 70 30 149 h -384 z' />
+  <path fill='#C43E1C' fill-opacity='1.000' d='M 1037 512 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 h -922 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 z' />
+  <path fill='#FFFFFF' fill-opacity='1.000' d='M 625 768 q 108 0 167 51 q 58 53 58 149 q 0 62 -29 111 q -29 49 -81 76 q -53 27 -122 27 h -116 v 226 h -118 v -640 m 118 316 h 102 q 61 0 90 -28 q 31 -28 31 -83 q 0 -106 -117 -106 h -106 z' />
+</svg>
\ No newline at end of file
diff --git a/app/assets/images/icon_small/pptx_file.svg b/app/assets/images/icon_small/pptx_file.svg
deleted file mode 100644
index 28409939a..000000000
--- a/app/assets/images/icon_small/pptx_file.svg
+++ /dev/null
@@ -1,62 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
-    <g clip-path="url(#clip0)">
-        <path fill="#fff" d="M19.715 20.571H6.857V3.43h9l3.858 3.857V20.57z"/>
-        <path fill="#F5BA9D" d="M13.714 6c1.894 0 3.429 1.535 3.429 3.429h-3.429V6z"/>
-        <path fill="#949494" d="M15.857 3H6.428v18h13.715V7.286L15.857 3zm0 .643L19.5 7.286h-3.643V3.643zm3.857 16.928H6.857V3.43h8.572v4.285h4.285v12.857z"/>
-        <path fill="#C8C8C8" d="M17.143 9.857c0 2.13-1.727 3.857-3.857 3.857s-3.857-1.726-3.857-3.857C9.429 7.727 11.156 6 13.286 6v3.857h3.857zM18.428 16.714h-6.857v.429h6.857v-.429zM18.428 15.429h-6.857v.428h6.857v-.428zM18.428 18h-6.857v.428h6.857V18z"/>
-        <path fill="#B7472A" d="M3 9l8.571-1.286v11.143L3 17.571V9z"/>
-        <path fill="#fff" d="M6.76 14.085v1.772H5.571v-5.143h1.863c1.33 0 1.994.547 1.994 1.64 0 .516-.19.934-.572 1.253-.381.319-.891.479-1.53.479H6.76zm0-2.481v1.603h.468c.633 0 .949-.27.949-.81 0-.529-.316-.793-.95-.793H6.76zM15.857 3.857v3.429h3.429l-3.429-3.429z"/>
-        <path fill="url(#paint0_linear)" d="M20.143 7.286L15.857 3H6.428v18h13.715V7.286z"/>
-        <path fill="url(#paint1_linear)" d="M19.714 7.714H15.43V9h4.285V7.714z"/>
-        <path fill="url(#paint2_linear)" d="M6.428 3v.429h9v4.285h4.286v6h.429V7.286L15.857 3H6.428z"/>
-        <path fill="url(#paint3_linear)" d="M11.571 20.143H6.428v-2.057l5.143.771v1.286z"/>
-        <path fill="url(#paint4_linear)" d="M11.571 7.714L3 9v8.571l8.571 1.286V7.714z"/>
-    </g>
-    <defs>
-        <linearGradient id="paint0_linear" x1="4.966" x2="19.495" y1="4.227" y2="21.543" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#fff" stop-opacity="0"/>
-            <stop offset=".226" stop-color="#FCFCFC" stop-opacity=".023"/>
-            <stop offset=".363" stop-color="#F4F4F4" stop-opacity=".036"/>
-            <stop offset=".475" stop-color="#E6E6E6" stop-opacity=".048"/>
-            <stop offset=".574" stop-color="#D1D1D1" stop-opacity=".057"/>
-            <stop offset=".665" stop-color="#B7B7B7" stop-opacity=".067"/>
-            <stop offset=".75" stop-color="#979797" stop-opacity=".075"/>
-            <stop offset=".83" stop-color="#707070" stop-opacity=".083"/>
-            <stop offset=".906" stop-color="#444" stop-opacity=".091"/>
-            <stop offset=".976" stop-color="#121212" stop-opacity=".098"/>
-            <stop offset="1" stop-opacity=".1"/>
-        </linearGradient>
-        <linearGradient id="paint1_linear" x1="17.571" x2="17.571" y1="8.96" y2="7.752" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#828282" stop-opacity="0"/>
-            <stop offset=".281" stop-color="#7F7F7F" stop-opacity=".028"/>
-            <stop offset=".45" stop-color="#777" stop-opacity=".045"/>
-            <stop offset=".59" stop-color="#696969" stop-opacity=".059"/>
-            <stop offset=".713" stop-color="#545454" stop-opacity=".071"/>
-            <stop offset=".826" stop-color="#3A3A3A" stop-opacity=".083"/>
-            <stop offset=".929" stop-color="#1A1A1A" stop-opacity=".093"/>
-            <stop offset="1" stop-opacity=".1"/>
-        </linearGradient>
-        <linearGradient id="paint2_linear" x1="14.687" x2="17.244" y1="6.956" y2="4.399" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#fff" stop-opacity="0"/>
-            <stop offset=".854" stop-color="#fff" stop-opacity=".213"/>
-            <stop offset="1" stop-color="#fff" stop-opacity=".25"/>
-        </linearGradient>
-        <linearGradient id="paint3_linear" x1="8.894" x2="9.076" y1="20.108" y2="18.398" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#828282" stop-opacity="0"/>
-            <stop offset=".17" stop-color="#7E7E7E" stop-opacity=".034"/>
-            <stop offset=".346" stop-color="#717171" stop-opacity=".069"/>
-            <stop offset=".525" stop-color="#5D5D5D" stop-opacity=".105"/>
-            <stop offset=".706" stop-color="#404040" stop-opacity=".141"/>
-            <stop offset=".886" stop-color="#1B1B1B" stop-opacity=".178"/>
-            <stop offset=".997" stop-opacity=".2"/>
-        </linearGradient>
-        <linearGradient id="paint4_linear" x1="7.286" x2="7.286" y1="18.509" y2="8.039" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#fff" stop-opacity="0"/>
-            <stop offset=".859" stop-color="#fff" stop-opacity=".155"/>
-            <stop offset="1" stop-color="#fff" stop-opacity=".18"/>
-        </linearGradient>
-        <clipPath id="clip0">
-            <path fill="#fff" d="M0 0H24V24H0z"/>
-        </clipPath>
-    </defs>
-</svg>
diff --git a/app/assets/images/icon_small/word-document.svg b/app/assets/images/icon_small/word-document.svg
new file mode 100644
index 000000000..114389b0e
--- /dev/null
+++ b/app/assets/images/icon_small/word-document.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0,0,2048,2048">
+  <path class='OfficeIconColors_HighContrast' d='M 1792 896 h -512 v -128 h 512 m 0 384 h -512 v -128 h 512 m 0 384 h -512 v -128 h 512 m -1397 -64 l -88 -448 h -117 l 142 640 h 137 l 90 -423 q 1 -6 3 -19 q 1 -13 3 -27 q 2 -14 4 -27 q 2 -13 4 -19 q 3 21 7 39 q 3 16 6 31 q 3 15 5 21 l 96 424 h 134 l 141 -640 h -115 l -80 443 q -5 23 -9 43 q -5 20 -4 37 q -4 -49 -12 -83 l -101 -440 h -126 l -97 447 q -5 14 -8 38 q -3 24 -6 39 m 1607 -908 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -397 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 h 397 v -384 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 0 347 h 165 l -165 -165 m 256 293 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 384 h 397 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 h -397 v 256 h 1280 z' />
+  <path fill='#FAFAFA' fill-opacity='1.000' d='M 1920 1984 h -1280 q -26 0 -45 -19 q -19 -19 -19 -45 v -1792 q 0 -26 19 -45 q 19 -19 45 -19 h 933 q 27 0 46 19 l 346 346 q 19 19 19 46 v 1445 q 0 26 -19 45 q -19 19 -45 19 z' />
+  <path fill='#797774' fill-opacity='1.000' d='M 2011 384 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -1792 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 0 347 h 165 l -165 -165 m 256 1701 v -1408 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 1792 z' />
+  <path fill='#41A5EE' fill-opacity='1.000' d='M 1792 896 h -512 v -128 h 512 z' />
+  <path fill='#2B7CD3' fill-opacity='1.000' d='M 1792 1152 h -512 v -128 h 512 z' />
+  <path fill='#185ABD' fill-opacity='1.000' d='M 1792 1408 h -512 v -128 h 512 z' />
+  <path fill='#185ABD' fill-opacity='1.000' d='M 1037 1664 h -922 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 h 922 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 z' />
+  <path fill='#FFFFFF' fill-opacity='1.000' d='M 404 1292 q 3 -15 6 -39 q 3 -24 8 -38 l 97 -447 h 126 l 101 440 q 8 34 12 83 q 0 -17 4 -37 q 4 -20 9 -43 l 80 -443 h 115 l -141 640 h -134 l -96 -424 q -2 -6 -5 -21 q -3 -15 -6 -31 q -4 -18 -7 -39 q -2 6 -4 19 q -2 13 -4 27 q -2 14 -3 27 q -2 13 -3 19 l -90 423 h -137 l -142 -640 h 117 l 88 448 z' />
+</svg>
\ No newline at end of file
diff --git a/app/assets/images/icon_small/xslx_file.svg b/app/assets/images/icon_small/xslx_file.svg
deleted file mode 100644
index 13973e3e6..000000000
--- a/app/assets/images/icon_small/xslx_file.svg
+++ /dev/null
@@ -1,83 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
-    <g clip-path="url(#clip0)">
-        <path fill="#fff" d="M19.469 3H6.812v16.594H8.22V21h12.656V4.406L19.469 3z"/>
-        <path fill="#217346" d="M19.469 3H6.812v2.531H19.47V3.844l1.406 1.406v-.844L19.469 3z"/>
-        <path fill="#949494" d="M20.313 4.688v15.75H8.78v-.844H19.47V5.53h-.563v13.5H7.375v-13.5h-.563v14.063H8.22V21h12.656V5.25l-.563-.563z"/>
-        <path fill="#217346" d="M4 8.906L12.719 7.5v11.25L4 17.344V8.906z"/>
-        <path fill="#fff" d="M10.75 15.656H9.372l-.889-1.648c-.033-.062-.068-.174-.104-.34h-.014c-.017.078-.057.196-.119.354l-.892 1.634H5.969l1.644-2.531-1.504-2.531h1.414l.737 1.518c.058.12.11.262.155.427h.015c.028-.099.082-.246.161-.441l.82-1.504h1.296l-1.547 2.51 1.59 2.552z"/>
-        <path fill="#C8C8C8" d="M18.063 10.031H15.53v1.125h2.531v-1.125zM18.063 8.344H15.53v1.125h2.531V8.344zM18.063 11.719H15.53v1.125h2.531v-1.125zM18.063 16.781H15.53v1.125h2.531v-1.125zM18.063 13.406H15.53v1.125h2.531v-1.125zM18.063 15.094H15.53v1.125h2.531v-1.125zM14.969 10.031h-2.25v1.125h2.25v-1.125zM14.969 8.344h-2.25v1.125h2.25V8.344zM14.969 11.719h-2.25v1.125h2.25v-1.125zM14.969 16.781h-2.25v1.125h2.25v-1.125zM14.969 13.406h-2.25v1.125h2.25v-1.125zM14.969 15.094h-2.25v1.125h2.25v-1.125z"/>
-        <path fill="url(#paint0_linear)" d="M19.469 5.531H6.812v14.063H19.47V5.53z"/>
-        <path fill="url(#paint1_linear)" d="M19.469 3H6.812v2.531H19.47V3.844l1.406 1.406v-.844L19.469 3z"/>
-        <path fill="url(#paint2_linear)" d="M19.469 3.844v15.75H8.219V21h12.656V5.25l-1.406-1.406z"/>
-        <path fill="url(#paint3_linear)" d="M19.469 19.594H8.219V21h11.25v-1.406z"/>
-        <path fill="url(#paint4_linear)" d="M12.719 20.156h-4.5v-.562H6.813v-1.795l5.906.951v1.406z"/>
-        <path fill="url(#paint5_linear)" d="M12.719 7.5L4 8.906v8.438l8.719 1.406V7.5z"/>
-        <path fill="url(#paint6_linear)" d="M12.719 7.5L4 8.906v8.438l8.719 1.406V7.5z"/>
-    </g>
-    <defs>
-        <linearGradient id="paint0_linear" x1="7.331" x2="18.95" y1="5.126" y2="19.999" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#fff" stop-opacity="0"/>
-            <stop offset=".226" stop-color="#FCFCFC" stop-opacity=".023"/>
-            <stop offset=".363" stop-color="#F4F4F4" stop-opacity=".036"/>
-            <stop offset=".475" stop-color="#E6E6E6" stop-opacity=".048"/>
-            <stop offset=".574" stop-color="#D1D1D1" stop-opacity=".057"/>
-            <stop offset=".665" stop-color="#B7B7B7" stop-opacity=".067"/>
-            <stop offset=".75" stop-color="#979797" stop-opacity=".075"/>
-            <stop offset=".83" stop-color="#707070" stop-opacity=".083"/>
-            <stop offset=".906" stop-color="#444" stop-opacity=".091"/>
-            <stop offset=".976" stop-color="#121212" stop-opacity=".098"/>
-            <stop offset="1" stop-opacity=".1"/>
-        </linearGradient>
-        <linearGradient id="paint1_linear" x1="13.769" x2="13.916" y1="5.55" y2="2.749" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#fff" stop-opacity="0"/>
-            <stop offset=".854" stop-color="#fff" stop-opacity=".213"/>
-            <stop offset="1" stop-color="#fff" stop-opacity=".25"/>
-        </linearGradient>
-        <linearGradient id="paint2_linear" x1="11.91" x2="20.766" y1="9.75" y2="21.085" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#fff" stop-opacity="0"/>
-            <stop offset=".226" stop-color="#FCFCFC" stop-opacity=".023"/>
-            <stop offset=".363" stop-color="#F4F4F4" stop-opacity=".036"/>
-            <stop offset=".475" stop-color="#E6E6E6" stop-opacity=".048"/>
-            <stop offset=".574" stop-color="#D1D1D1" stop-opacity=".057"/>
-            <stop offset=".665" stop-color="#B7B7B7" stop-opacity=".067"/>
-            <stop offset=".75" stop-color="#979797" stop-opacity=".075"/>
-            <stop offset=".83" stop-color="#707070" stop-opacity=".083"/>
-            <stop offset=".906" stop-color="#444" stop-opacity=".091"/>
-            <stop offset=".976" stop-color="#121212" stop-opacity=".098"/>
-            <stop offset="1" stop-opacity=".1"/>
-        </linearGradient>
-        <linearGradient id="paint3_linear" x1="13.844" x2="13.844" y1="20.956" y2="19.635" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#828282" stop-opacity="0"/>
-            <stop offset=".281" stop-color="#7F7F7F" stop-opacity=".028"/>
-            <stop offset=".45" stop-color="#777" stop-opacity=".045"/>
-            <stop offset=".59" stop-color="#696969" stop-opacity=".059"/>
-            <stop offset=".713" stop-color="#545454" stop-opacity=".071"/>
-            <stop offset=".826" stop-color="#3A3A3A" stop-opacity=".083"/>
-            <stop offset=".929" stop-color="#1A1A1A" stop-opacity=".093"/>
-            <stop offset="1" stop-opacity=".1"/>
-        </linearGradient>
-        <linearGradient id="paint4_linear" x1="9.631" x2="9.85" y1="20.238" y2="18.188" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#828282" stop-opacity="0"/>
-            <stop offset=".281" stop-color="#7F7F7F" stop-opacity=".056"/>
-            <stop offset=".45" stop-color="#777" stop-opacity=".09"/>
-            <stop offset=".59" stop-color="#696969" stop-opacity=".118"/>
-            <stop offset=".713" stop-color="#545454" stop-opacity=".143"/>
-            <stop offset=".826" stop-color="#3A3A3A" stop-opacity=".165"/>
-            <stop offset=".929" stop-color="#1A1A1A" stop-opacity=".186"/>
-            <stop offset="1" stop-opacity=".2"/>
-        </linearGradient>
-        <linearGradient id="paint5_linear" x1="8.359" x2="8.359" y1="18.398" y2="7.828" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#fff" stop-opacity="0"/>
-            <stop offset=".859" stop-color="#fff" stop-opacity=".155"/>
-            <stop offset="1" stop-color="#fff" stop-opacity=".18"/>
-        </linearGradient>
-        <linearGradient id="paint6_linear" x1="8.359" x2="8.359" y1="18.398" y2="7.828" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#fff" stop-opacity="0"/>
-            <stop offset=".859" stop-color="#fff" stop-opacity=".155"/>
-            <stop offset="1" stop-color="#fff" stop-opacity=".18"/>
-        </linearGradient>
-        <clipPath id="clip0">
-            <path fill="#fff" d="M0 0H24V24H0z"/>
-        </clipPath>
-    </defs>
-</svg>
diff --git a/app/assets/images/office/Excel-color_16x16x32.png b/app/assets/images/office/Excel-color_16x16x32.png
deleted file mode 100644
index 5d4f705c4..000000000
Binary files a/app/assets/images/office/Excel-color_16x16x32.png and /dev/null differ
diff --git a/app/assets/images/office/Excel-xlsx_20x20x32.png b/app/assets/images/office/Excel-xlsx_20x20x32.png
deleted file mode 100644
index b6f683372..000000000
Binary files a/app/assets/images/office/Excel-xlsx_20x20x32.png and /dev/null differ
diff --git a/app/assets/images/office/PowerPoint-Color_16x16x32.png b/app/assets/images/office/PowerPoint-Color_16x16x32.png
deleted file mode 100644
index cfa3a6bf9..000000000
Binary files a/app/assets/images/office/PowerPoint-Color_16x16x32.png and /dev/null differ
diff --git a/app/assets/images/office/PowerPoint-pptx_20x20x32.png b/app/assets/images/office/PowerPoint-pptx_20x20x32.png
deleted file mode 100644
index 2fdb3cb5f..000000000
Binary files a/app/assets/images/office/PowerPoint-pptx_20x20x32.png and /dev/null differ
diff --git a/app/assets/images/office/Word-color_16x16x32.png b/app/assets/images/office/Word-color_16x16x32.png
deleted file mode 100644
index a6b7889c8..000000000
Binary files a/app/assets/images/office/Word-color_16x16x32.png and /dev/null differ
diff --git a/app/assets/images/office/Word-docx_20x20x32.png b/app/assets/images/office/Word-docx_20x20x32.png
deleted file mode 100644
index 69e8ab3d1..000000000
Binary files a/app/assets/images/office/Word-docx_20x20x32.png and /dev/null differ
diff --git a/app/assets/images/office/ms-excel-active.svg b/app/assets/images/office/ms-excel-active.svg
index 47a97c318..6e2b0afed 100644
--- a/app/assets/images/office/ms-excel-active.svg
+++ b/app/assets/images/office/ms-excel-active.svg
@@ -1,15 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
-    <title>1DBED704-6E88-4AE3-B2F9-3410F58D52C1</title>
-    <desc>Created with sketchtool.</desc>
-    <g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Create-XLSX-file-dialog" transform="translate(-224.000000, -172.000000)" fill="#FFFFFF">
-            <g id="Type" transform="translate(56.000000, 164.000000)">
-                <g id="Button-2" transform="translate(153.000000, 0.000000)">
-                    <path d="M46.404,11.844 L35.684,11.844 L35.684,13.828 L38.844,13.828 L38.844,16.9666667 L35.684,16.9666667 L35.684,17.9666667 L38.844,17.9666667 L38.844,21.1093333 L35.684,21.1093333 L35.684,22.1373333 L38.844,22.1373333 L38.844,25.1093333 L35.684,25.1093333 L35.684,26.3 L38.844,26.3 L38.844,29.2786667 L35.684,29.2786667 L35.684,30.4693333 L38.844,30.4693333 L38.844,33.4653333 L35.684,33.4653333 L35.684,35.6506667 L46.404,35.6506667 C46.5733333,35.6 46.7146667,35.4 46.828,35.0533333 C46.9413333,34.704 47,34.42 47,34.2053333 L47,12.2066667 C47,12.036 46.9413333,11.9333333 46.828,11.8973333 C46.7146667,11.8626667 46.5733333,11.844 46.404,11.844 Z M45.0133333,33.4626667 L39.8706667,33.4626667 L39.8706667,30.4693333 L45.0133333,30.4693333 L45.0133333,33.4653333 L45.0133333,33.4626667 Z M45.0133333,29.2786667 L39.8706667,29.2786667 L39.8706667,26.2986667 L45.0133333,26.2986667 L45.0133333,29.2786667 Z M45.0133333,25.108 L39.8706667,25.108 L39.8706667,22.1493333 L45.0133333,22.1493333 L45.0133333,25.1106667 L45.0133333,25.108 Z M45.0133333,21.108 L39.8706667,21.108 L39.8706667,17.9693333 L45.0133333,17.9693333 L45.0133333,21.1093333 L45.0133333,21.108 L45.0133333,21.108 Z M45.0133333,16.9493333 L39.8706667,16.9493333 L39.8706667,13.8293333 L45.0133333,13.8293333 L45.0133333,16.9693333 L45.0133333,16.9493333 L45.0133333,16.9493333 Z M15,11.3493333 L15,36.1506667 L33.88,39.416 L33.88,8 L15,11.36 L15,11.3493333 Z M26.1906667,30.1106667 C26.1186667,29.916 25.78,29.0893333 25.18,27.6266667 C24.5813333,26.1653333 24.22,25.3146667 24.1146667,25.072 L24.0813333,25.072 L22.056,29.892 L19.3493333,29.7093333 L22.56,23.7093333 L19.62,17.7093333 L22.38,17.564 L24.204,22.2586667 L24.24,22.2586667 L26.3,17.3506667 L29.152,17.1706667 L25.756,23.664 L29.256,30.288 L26.1906667,30.108 L26.1906667,30.1106667 L26.1906667,30.1106667 Z" id="ms-excel-active"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>Excel_32x</title><rect width="32" height="32" fill="none"/><path d="M30.666,2H9.333A1.333,1.333,0,0,0,8,3.333V8H1.334A1.333,1.333,0,0,0,0,9.334V22.666A1.334,1.334,0,0,0,1.334,24H8v4.667A1.333,1.333,0,0,0,9.333,30H30.666A1.334,1.334,0,0,0,32,28.667V3.334A1.334,1.334,0,0,0,30.666,2ZM9,3.334A.333.333,0,0,1,9.333,3H19V9H16v1h3v6H16V9.334A1.333,1.333,0,0,0,14.666,8H9ZM19,17v6H15.932A1.32,1.32,0,0,0,16,22.666V17Zm-10.971.7c0,.005-1.945,3.553-1.945,3.553H3.2l3.31-5.129L3.483,11.03H6.394l1.642,3.234c.033.067.063.129.091.188l.107-.216L9.99,11.03h2.723L9.605,16.1,12.79,21.25H9.927S8.033,17.7,8.029,17.7ZM9.333,29A.332.332,0,0,1,9,28.667V24H19l.009,5ZM31,28.667a.334.334,0,0,1-.334.333H20.01L20,24H31ZM31,23H20V17H31Zm0-7H20V10H31Zm0-7H20V3H30.666A.334.334,0,0,1,31,3.334Z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/app/assets/images/office/ms-excel-inactive.svg b/app/assets/images/office/ms-excel-inactive.svg
index 82d34f527..6ee8f4898 100644
--- a/app/assets/images/office/ms-excel-inactive.svg
+++ b/app/assets/images/office/ms-excel-inactive.svg
@@ -1,15 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
-    <title>4C8BB196-A5E9-45E1-A350-99BB0AD162B7</title>
-    <desc>Created with sketchtool.</desc>
-    <g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Create-PPTX-file-dialog" transform="translate(-224.000000, -172.000000)" fill="#217346">
-            <g id="Type" transform="translate(56.000000, 164.000000)">
-                <g id="Button-2" transform="translate(153.000000, 0.000000)">
-                    <path d="M46.404,11.844 L35.684,11.844 L35.684,13.828 L38.844,13.828 L38.844,16.9666667 L35.684,16.9666667 L35.684,17.9666667 L38.844,17.9666667 L38.844,21.1093333 L35.684,21.1093333 L35.684,22.1373333 L38.844,22.1373333 L38.844,25.1093333 L35.684,25.1093333 L35.684,26.3 L38.844,26.3 L38.844,29.2786667 L35.684,29.2786667 L35.684,30.4693333 L38.844,30.4693333 L38.844,33.4653333 L35.684,33.4653333 L35.684,35.6506667 L46.404,35.6506667 C46.5733333,35.6 46.7146667,35.4 46.828,35.0533333 C46.9413333,34.704 47,34.42 47,34.2053333 L47,12.2066667 C47,12.036 46.9413333,11.9333333 46.828,11.8973333 C46.7146667,11.8626667 46.5733333,11.844 46.404,11.844 Z M45.0133333,33.4626667 L39.8706667,33.4626667 L39.8706667,30.4693333 L45.0133333,30.4693333 L45.0133333,33.4653333 L45.0133333,33.4626667 Z M45.0133333,29.2786667 L39.8706667,29.2786667 L39.8706667,26.2986667 L45.0133333,26.2986667 L45.0133333,29.2786667 Z M45.0133333,25.108 L39.8706667,25.108 L39.8706667,22.1493333 L45.0133333,22.1493333 L45.0133333,25.1106667 L45.0133333,25.108 Z M45.0133333,21.108 L39.8706667,21.108 L39.8706667,17.9693333 L45.0133333,17.9693333 L45.0133333,21.1093333 L45.0133333,21.108 L45.0133333,21.108 Z M45.0133333,16.9493333 L39.8706667,16.9493333 L39.8706667,13.8293333 L45.0133333,13.8293333 L45.0133333,16.9693333 L45.0133333,16.9493333 L45.0133333,16.9493333 Z M15,11.3493333 L15,36.1506667 L33.88,39.416 L33.88,8 L15,11.36 L15,11.3493333 Z M26.1906667,30.1106667 C26.1186667,29.916 25.78,29.0893333 25.18,27.6266667 C24.5813333,26.1653333 24.22,25.3146667 24.1146667,25.072 L24.0813333,25.072 L22.056,29.892 L19.3493333,29.7093333 L22.56,23.7093333 L19.62,17.7093333 L22.38,17.564 L24.204,22.2586667 L24.24,22.2586667 L26.3,17.3506667 L29.152,17.1706667 L25.756,23.664 L29.256,30.288 L26.1906667,30.108 L26.1906667,30.1106667 L26.1906667,30.1106667 Z" id="ms-excel-217346"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>Excel_32x</title><path d="M20,2H9.333A1.333,1.333,0,0,0,8,3.333V9l12,7,6,2.531L32,16V9Z" fill="#21a366"/><rect x="8" y="9" width="12" height="7" fill="#107c41"/><path d="M30.667,2H20V9H32V3.333A1.333,1.333,0,0,0,30.667,2Z" fill="#33c481"/><path d="M20,16H8V28.666A1.333,1.333,0,0,0,9.333,30H30.667A1.333,1.333,0,0,0,32,28.666V23Z" fill="#185c37"/><rect x="20" y="16" width="12" height="7" fill="#107c41"/><path d="M16.667,7H8V26h8.667A1.337,1.337,0,0,0,18,24.666V8.333A1.337,1.337,0,0,0,16.667,7Z" opacity="0.1"/><path d="M15.667,8H8V27h7.667A1.337,1.337,0,0,0,17,25.666V9.333A1.337,1.337,0,0,0,15.667,8Z" opacity="0.2"/><path d="M15.667,8H8V25h7.667A1.337,1.337,0,0,0,17,23.666V9.333A1.337,1.337,0,0,0,15.667,8Z" opacity="0.2"/><path d="M14.667,8H8V25h6.667A1.337,1.337,0,0,0,16,23.666V9.333A1.337,1.337,0,0,0,14.667,8Z" opacity="0.2"/><rect x="0.001" y="8" width="15.999" height="15.999" rx="1.333" fill="#107c41"/><path d="M3.658,21,6.8,16.126,3.923,11.279H6.241l1.573,3.1c.144.294.244.513.3.658h.02c.1-.235.213-.464.326-.685l1.681-3.071h2.128L9.312,16.1l3.03,4.9H10.078L8.261,17.6a2.881,2.881,0,0,1-.217-.454H8.017a2.188,2.188,0,0,1-.21.44L5.936,21Z" fill="#fff"/><rect width="32" height="32" fill="none"/></svg>
\ No newline at end of file
diff --git a/app/assets/images/office/ms-pwrpt-active.svg b/app/assets/images/office/ms-pwrpt-active.svg
index 7d8cec25e..105a24e45 100644
--- a/app/assets/images/office/ms-pwrpt-active.svg
+++ b/app/assets/images/office/ms-pwrpt-active.svg
@@ -1,15 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="32px" height="31px" viewBox="0 0 32 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
-    <title>20B71793-99D3-4CCE-9F03-A003272E0F54</title>
-    <desc>Created with sketchtool.</desc>
-    <g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Create-PPTX-file-dialog" transform="translate(-378.000000, -173.000000)" fill="#FFFFFF">
-            <g id="Type" transform="translate(56.000000, 164.000000)">
-                <g id="Button-3" transform="translate(306.000000, 0.000000)">
-                    <path d="M47.312,13.4933333 L35.9226667,13.4933333 L35.9226667,17.7413333 C36.6093333,17.2213333 37.432,16.9573333 38.396,16.9573333 L38.396,21.088 L42.4946667,21.088 C42.4746667,22.2466667 42.0746667,23.224 41.2933333,24.012 C40.5146667,24.8013333 39.536,25.2066667 38.376,25.2333333 C37.476,25.2066667 36.656,24.936 35.9373333,24.4133333 L35.9373333,27.252 L44.896,27.252 L44.896,28.6453333 L35.9346667,28.6453333 L35.9346667,30.3693333 L44.888,30.3693333 L44.888,31.7453333 L35.9293333,31.7453333 L35.9293333,34.8653333 L47.32,34.8653333 C47.7813333,34.8653333 48,34.6226667 48,34.1493333 L48,14.1733333 C48,13.7173333 47.7813333,13.4933333 47.32,13.4933333 L47.312,13.4933333 Z M39.04,20.408 L39.04,16.2426667 C40.2,16.2693333 41.1733333,16.672 41.9573333,17.456 C42.7386667,18.24 43.1453333,19.224 43.1653333,20.408 L39.04,20.408 Z M27.008,20.4773333 C26.9373333,20.2093333 26.8213333,20.0013333 26.6573333,19.848 C26.4973333,19.6986667 26.2813333,19.5893333 26.0133333,19.52 C25.7133333,19.4386667 25.404,19.4 25.0933333,19.4 L24.1333333,19.4186667 L24.1333333,23.4173333 L24.168,23.4173333 C24.516,23.4386667 24.8813333,23.4386667 25.268,23.4173333 C25.648,23.3973333 26.008,23.2973333 26.3466667,23.1173333 C26.764,22.8173333 27.0133333,22.4173333 27.0946667,21.8986667 C27.1746667,21.3773333 27.1466667,20.8773333 27.0093333,20.4173333 L27.0093333,20.4773333 L27.008,20.4773333 Z M16,12.2386667 L16,36.1666667 L34.2506667,39.32 L34.2506667,9 L16,12.2386667 Z M29.6173333,23.0213333 C29.1173333,24.18 28.3706667,24.9213333 27.372,25.2413333 C26.3733333,25.56 25.2946667,25.684 24.1333333,25.6133333 L24.1333333,30.176 L21.732,29.8973333 L21.732,17.3613333 L25.544,17.1626667 C26.2506667,17.1186667 26.9493333,17.196 27.632,17.4026667 C28.3186667,17.6053333 28.8613333,18.0146667 29.2626667,18.632 C29.6626667,19.2466667 29.888,19.96 29.9426667,20.772 C29.992,21.584 29.8853333,22.3346667 29.6173333,23.0213333 L29.6173333,23.0213333 Z" id="ms-pwrpt-active"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>PowerPoint_32x</title><path d="M9.01,15.047a1.97,1.97,0,0,1-1.324.382H6.25V12.8h1.5c1.506,0,1.681.8,1.681,1.407A.867.867,0,0,1,9.01,15.047ZM32,16A13.98,13.98,0,0,1,6.541,24H1.334A1.337,1.337,0,0,1,0,22.667V9.334A1.338,1.338,0,0,1,1.334,8H6.549A13.991,13.991,0,0,1,18,2h.01A14.033,14.033,0,0,1,32,16ZM19,3.05V16H31A13.005,13.005,0,0,0,19,3.05ZM7.8,8h6.867A1.337,1.337,0,0,1,16,9.334V16h2V3h0A12.951,12.951,0,0,0,7.8,8Zm.109,9.577a4.824,4.824,0,0,0,2.127-.448,3.421,3.421,0,0,0,1.446-1.278,2.958,2.958,0,0,0,.51-1.718,3.124,3.124,0,0,0-1.044-2.52,4.417,4.417,0,0,0-2.913-.863H3.792V21.24H6.25V17.577ZM30.949,17H16v5.667A1.337,1.337,0,0,1,14.667,24H7.8a12.96,12.96,0,0,0,23.152-7Z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/app/assets/images/office/ms-pwrpt-inactive.svg b/app/assets/images/office/ms-pwrpt-inactive.svg
index 27ae531bd..22c726f54 100644
--- a/app/assets/images/office/ms-pwrpt-inactive.svg
+++ b/app/assets/images/office/ms-pwrpt-inactive.svg
@@ -1,15 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="32px" height="31px" viewBox="0 0 32 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
-    <title>7D86E2E5-6A35-46CC-B7FA-7880CD9FA8DB</title>
-    <desc>Created with sketchtool.</desc>
-    <g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Create-XLSX-file-dialog" transform="translate(-378.000000, -173.000000)" fill="#D24726">
-            <g id="Type" transform="translate(56.000000, 164.000000)">
-                <g id="Button-3" transform="translate(306.000000, 0.000000)">
-                    <path d="M47.312,13.4933333 L35.9226667,13.4933333 L35.9226667,17.7413333 C36.6093333,17.2213333 37.432,16.9573333 38.396,16.9573333 L38.396,21.088 L42.4946667,21.088 C42.4746667,22.2466667 42.0746667,23.224 41.2933333,24.012 C40.5146667,24.8013333 39.536,25.2066667 38.376,25.2333333 C37.476,25.2066667 36.656,24.936 35.9373333,24.4133333 L35.9373333,27.252 L44.896,27.252 L44.896,28.6453333 L35.9346667,28.6453333 L35.9346667,30.3693333 L44.888,30.3693333 L44.888,31.7453333 L35.9293333,31.7453333 L35.9293333,34.8653333 L47.32,34.8653333 C47.7813333,34.8653333 48,34.6226667 48,34.1493333 L48,14.1733333 C48,13.7173333 47.7813333,13.4933333 47.32,13.4933333 L47.312,13.4933333 Z M39.04,20.408 L39.04,16.2426667 C40.2,16.2693333 41.1733333,16.672 41.9573333,17.456 C42.7386667,18.24 43.1453333,19.224 43.1653333,20.408 L39.04,20.408 Z M27.008,20.4773333 C26.9373333,20.2093333 26.8213333,20.0013333 26.6573333,19.848 C26.4973333,19.6986667 26.2813333,19.5893333 26.0133333,19.52 C25.7133333,19.4386667 25.404,19.4 25.0933333,19.4 L24.1333333,19.4186667 L24.1333333,23.4173333 L24.168,23.4173333 C24.516,23.4386667 24.8813333,23.4386667 25.268,23.4173333 C25.648,23.3973333 26.008,23.2973333 26.3466667,23.1173333 C26.764,22.8173333 27.0133333,22.4173333 27.0946667,21.8986667 C27.1746667,21.3773333 27.1466667,20.8773333 27.0093333,20.4173333 L27.0093333,20.4773333 L27.008,20.4773333 Z M16,12.2386667 L16,36.1666667 L34.2506667,39.32 L34.2506667,9 L16,12.2386667 Z M29.6173333,23.0213333 C29.1173333,24.18 28.3706667,24.9213333 27.372,25.2413333 C26.3733333,25.56 25.2946667,25.684 24.1333333,25.6133333 L24.1333333,30.176 L21.732,29.8973333 L21.732,17.3613333 L25.544,17.1626667 C26.2506667,17.1186667 26.9493333,17.196 27.632,17.4026667 C28.3186667,17.6053333 28.8613333,18.0146667 29.2626667,18.632 C29.6626667,19.2466667 29.888,19.96 29.9426667,20.772 C29.992,21.584 29.8853333,22.3346667 29.6173333,23.0213333 L29.6173333,23.0213333 Z" id="ms-pwrpt-D24726"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>PowerPoint_32x</title><path d="M18,2A14.041,14.041,0,0,0,4,16l17.737,3.737Z" fill="#ed6c47"/><path d="M18.01,2A14.033,14.033,0,0,1,32,16l-7,4.758L18.01,16Z" fill="#ff8f6b"/><path d="M18,30A14.041,14.041,0,0,0,32,16H4A14.041,14.041,0,0,0,18,30Z" fill="#d35230"/><path d="M16.666,7H7.305a13.915,13.915,0,0,0,.931,19h8.43A1.337,1.337,0,0,0,18,24.667V8.333A1.337,1.337,0,0,0,16.666,7Z" opacity="0.1"/><path d="M15.666,8H6.539A13.907,13.907,0,0,0,9.384,27h6.282A1.337,1.337,0,0,0,17,25.667V9.333A1.337,1.337,0,0,0,15.666,8Z" opacity="0.2"/><path d="M15.666,8H6.539a13.891,13.891,0,0,0,.766,17h8.361A1.337,1.337,0,0,0,17,23.667V9.333A1.337,1.337,0,0,0,15.666,8Z" opacity="0.2"/><path d="M14.666,8H6.539a13.891,13.891,0,0,0,.766,17h7.361A1.337,1.337,0,0,0,16,23.667V9.333A1.337,1.337,0,0,0,14.666,8Z" opacity="0.2"/><rect y="8" width="16" height="16" rx="1.333" fill="#c43e1c"/><path d="M8.035,11a4.163,4.163,0,0,1,2.752.8,2.878,2.878,0,0,1,.955,2.329,2.729,2.729,0,0,1-.472,1.586A3.165,3.165,0,0,1,9.927,16.9a4.567,4.567,0,0,1-2.018.423H6V20.99H4.042V11ZM6,15.678H7.685a2.192,2.192,0,0,0,1.49-.444,1.1,1.1,0,0,0,.5-1.024q0-1.658-1.931-1.657H6Z" fill="#f9f7f7"/><rect width="32" height="32" fill="none"/></svg>
\ No newline at end of file
diff --git a/app/assets/images/office/ms-word-active.svg b/app/assets/images/office/ms-word-active.svg
index e9a0450be..bd2384dde 100644
--- a/app/assets/images/office/ms-word-active.svg
+++ b/app/assets/images/office/ms-word-active.svg
@@ -1,15 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="32px" height="31px" viewBox="0 0 32 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
-    <title>58A7CABD-8C13-4F38-A224-E58B3FEF6D9B</title>
-    <desc>Created with sketchtool.</desc>
-    <g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Create-DOCX-file-dialog" transform="translate(-71.000000, -173.000000)" fill="#FFFFFF">
-            <g id="Type" transform="translate(56.000000, 164.000000)">
-                <g id="Button-1">
-                    <path d="M46.9999783,13.1281692 L46.9999783,35.1917402 C46.9999783,35.3797479 46.9333089,35.5317542 46.8013035,35.6530925 C46.6666313,35.7784309 46.5066247,35.8371 46.3212838,35.8371 L34.908816,35.8371 L34.908816,32.7769746 L44.2185309,32.7769746 L44.2185309,31.3835841 L34.9008157,31.3835841 L34.9008157,29.6781809 L44.2105306,29.6781809 L44.2105306,28.2861238 L34.9074826,28.2861238 L34.9074826,26.5660533 L44.2145308,26.5660533 L44.2145308,25.1899969 L34.9074826,25.1899969 L34.9074826,23.4659263 L44.2145308,23.4659263 L44.2145308,22.0738692 L34.9074826,22.0738692 L34.9074826,20.368466 L44.2145308,20.368466 L44.2145308,18.9777423 L34.9074826,18.9777423 L34.9074826,17.237671 L44.2145308,17.237671 L44.2145308,15.9122833 L34.9074826,15.9122833 L34.9074826,12.4548083 L46.3239506,12.4548083 C46.5226254,12.4548083 46.6839653,12.5188109 46.8013035,12.6534831 C46.9413092,12.7854885 47.0013117,12.9468284 46.9999783,13.1281692 Z M33.200746,9.00533355 L33.200746,39.3025754 L15,36.153113 L15,12.2401328 L33.200746,9 L33.200746,9.00533355 Z M30.4539668,17.9497002 L28.1752067,18.0897059 L26.7138135,27.1367434 L26.6804788,27.1367434 C26.6084758,26.7087258 26.3404648,25.2099977 25.8604451,22.647226 L25.0084102,18.296381 L22.8696559,18.4030521 L22.0136208,22.647226 C21.5136003,25.1193274 21.2349222,26.558053 21.1615859,26.9620696 L21.1415851,26.9620696 L19.8415318,18.6283946 L17.8814514,18.7323989 L19.9815375,29.2434964 L22.1602935,29.3835021 L22.9803271,25.2926678 C23.4603468,22.8925694 23.7403583,21.4978456 23.8003607,21.1164966 L23.8603632,21.1164966 C23.9416998,21.52318 24.2017105,22.9485717 24.6803968,25.3966721 L25.5004304,29.6075113 L27.8605271,29.7475171 L30.5006353,17.9470334 L30.4539668,17.9470334 L30.4539668,17.9497002 Z" id="ms-word-active"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>Word_32x</title><path d="M30.667,2H9.333A1.333,1.333,0,0,0,8,3.334V8H1.333A1.337,1.337,0,0,0,0,9.334V22.667A1.337,1.337,0,0,0,1.333,24H8v4.667A1.333,1.333,0,0,0,9.334,30H30.667A1.333,1.333,0,0,0,32,28.667V3.334A1.333,1.333,0,0,0,30.667,2ZM8.044,14.94,6.033,21.25H3.845l-2.1-10.5h2.31L5.3,16.984,7.166,10.95H9.037L10.8,16.957l1.241-6.207h2.21l-2.1,10.5H9.965ZM31,28.667a.333.333,0,0,1-.333.333H9.334A.333.333,0,0,1,9,28.667V24H31ZM31,23H15.932A1.28,1.28,0,0,0,16,22.667V17H31Zm0-7H16V10H31Zm0-7H15.932a1.319,1.319,0,0,0-1.265-1H9V3.334A.333.333,0,0,1,9.333,3H30.667A.333.333,0,0,1,31,3.334Z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/app/assets/images/office/ms-word-inactive.svg b/app/assets/images/office/ms-word-inactive.svg
index 166bbb5fd..d4fe2c927 100644
--- a/app/assets/images/office/ms-word-inactive.svg
+++ b/app/assets/images/office/ms-word-inactive.svg
@@ -1,15 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="32px" height="31px" viewBox="0 0 32 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
-    <title>31E0F97F-2288-43F7-8844-5D70AE3003E4</title>
-    <desc>Created with sketchtool.</desc>
-    <g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Create-XLSX-file-dialog" transform="translate(-71.000000, -173.000000)" fill="#2B579A">
-            <g id="Type" transform="translate(56.000000, 164.000000)">
-                <g id="Button-1">
-                    <path d="M46.9999783,13.1281692 L46.9999783,35.1917402 C46.9999783,35.3797479 46.9333089,35.5317542 46.8013035,35.6530925 C46.6666313,35.7784309 46.5066247,35.8371 46.3212838,35.8371 L34.908816,35.8371 L34.908816,32.7769746 L44.2185309,32.7769746 L44.2185309,31.3835841 L34.9008157,31.3835841 L34.9008157,29.6781809 L44.2105306,29.6781809 L44.2105306,28.2861238 L34.9074826,28.2861238 L34.9074826,26.5660533 L44.2145308,26.5660533 L44.2145308,25.1899969 L34.9074826,25.1899969 L34.9074826,23.4659263 L44.2145308,23.4659263 L44.2145308,22.0738692 L34.9074826,22.0738692 L34.9074826,20.368466 L44.2145308,20.368466 L44.2145308,18.9777423 L34.9074826,18.9777423 L34.9074826,17.237671 L44.2145308,17.237671 L44.2145308,15.9122833 L34.9074826,15.9122833 L34.9074826,12.4548083 L46.3239506,12.4548083 C46.5226254,12.4548083 46.6839653,12.5188109 46.8013035,12.6534831 C46.9413092,12.7854885 47.0013117,12.9468284 46.9999783,13.1281692 Z M33.200746,9.00533355 L33.200746,39.3025754 L15,36.153113 L15,12.2401328 L33.200746,9 L33.200746,9.00533355 Z M30.4539668,17.9497002 L28.1752067,18.0897059 L26.7138135,27.1367434 L26.6804788,27.1367434 C26.6084758,26.7087258 26.3404648,25.2099977 25.8604451,22.647226 L25.0084102,18.296381 L22.8696559,18.4030521 L22.0136208,22.647226 C21.5136003,25.1193274 21.2349222,26.558053 21.1615859,26.9620696 L21.1415851,26.9620696 L19.8415318,18.6283946 L17.8814514,18.7323989 L19.9815375,29.2434964 L22.1602935,29.3835021 L22.9803271,25.2926678 C23.4603468,22.8925694 23.7403583,21.4978456 23.8003607,21.1164966 L23.8603632,21.1164966 C23.9416998,21.52318 24.2017105,22.9485717 24.6803968,25.3966721 L25.5004304,29.6075113 L27.8605271,29.7475171 L30.5006353,17.9470334 L30.4539668,17.9470334 L30.4539668,17.9497002 Z" id="ms-word-2B579A"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>Word_32x</title><path d="M30.667,2H9.333A1.333,1.333,0,0,0,8,3.333V9l12,3.5L32,9V3.333A1.333,1.333,0,0,0,30.667,2Z" fill="#41a5ee"/><polygon points="32 9 8 9 8 16 20 19.5 32 16 32 9" fill="#2b7cd3"/><polygon points="32 16 8 16 8 23 20 26.5 32 23 32 16" fill="#185abd"/><path d="M32,23H8v5.667A1.333,1.333,0,0,0,9.333,30H30.667A1.333,1.333,0,0,0,32,28.667Z" fill="#103f91"/><path d="M16.667,7H8V26h8.667A1.337,1.337,0,0,0,18,24.667V8.333A1.337,1.337,0,0,0,16.667,7Z" opacity="0.1"/><path d="M15.667,8H8V27h7.667A1.337,1.337,0,0,0,17,25.667V9.333A1.337,1.337,0,0,0,15.667,8Z" opacity="0.2"/><path d="M15.667,8H8V25h7.667A1.337,1.337,0,0,0,17,23.667V9.333A1.337,1.337,0,0,0,15.667,8Z" opacity="0.2"/><path d="M14.667,8H8V25h6.667A1.337,1.337,0,0,0,16,23.667V9.333A1.337,1.337,0,0,0,14.667,8Z" opacity="0.2"/><rect y="8" width="16" height="16" rx="1.333" fill="#185abd"/><path d="M11.95,21h-1.8l-2.1-6.9L5.85,21H4.05l-2-10h1.8l1.4,7,2.1-6.8h1.5l2,6.8,1.4-7h1.7Z" fill="#fff"/><rect width="32" height="32" fill="none"/></svg>
\ No newline at end of file
diff --git a/app/assets/stylesheets/application.sass.scss b/app/assets/stylesheets/application.sass.scss
index f7ac29dd3..7212f922a 100644
--- a/app/assets/stylesheets/application.sass.scss
+++ b/app/assets/stylesheets/application.sass.scss
@@ -141,6 +141,7 @@
 @import "steps";
 @import "system_notifications";
 @import "tiny_mce";
+@import "office";
 
 // Addons
 
diff --git a/app/assets/stylesheets/my_modules.scss b/app/assets/stylesheets/my_modules.scss
index 9e03bcb64..19a45e133 100644
--- a/app/assets/stylesheets/my_modules.scss
+++ b/app/assets/stylesheets/my_modules.scss
@@ -106,6 +106,10 @@ html {
     border-top: 0;
   }
 
+  img {
+    width: 32px;
+  }
+
   label.btn {
     background-color: $color-white;
     color: $color-emperor;
diff --git a/app/assets/stylesheets/office.scss b/app/assets/stylesheets/office.scss
new file mode 100644
index 000000000..58998981f
--- /dev/null
+++ b/app/assets/stylesheets/office.scss
@@ -0,0 +1,23 @@
+.sn-icon-file-word::before,
+.sn-icon-file-powerpoint::before,
+.sn-icon-file-excel::before {
+  background-repeat: no-repeat;
+  background-size: 1rem auto;
+  content: '' !important;
+  display: inline-block;
+  height: 1rem;
+  vertical-align: middle;
+  width: 1rem;
+}
+
+.sn-icon-file-word::before {
+  background-image: url('/images/office/word-document.svg');
+}
+
+.sn-icon-file-powerpoint::before {
+  background-image: url('/images/office/powerpoint-document.svg');
+}
+
+.sn-icon-file-excel::before {
+  background-image: url('/images/office/excel-document.svg');
+}
diff --git a/app/assets/stylesheets/shared_styles/constants/colors.scss b/app/assets/stylesheets/shared_styles/constants/colors.scss
index d2f8679b8..1dd534a62 100644
--- a/app/assets/stylesheets/shared_styles/constants/colors.scss
+++ b/app/assets/stylesheets/shared_styles/constants/colors.scss
@@ -82,9 +82,9 @@ $brand-complementary: #ffcf26;
 $brand-warning-light: #fbebd3;
 
 // MS Office colors:
-$office-ms-word: #2b579a;
-$office-ms-excel: #217346;
-$office-ms-powerpoint: #d24726;
+$office-ms-word: #1759BC;
+$office-ms-excel: #0F7B41;
+$office-ms-powerpoint: #C33E1B;
 
 // MarvinJS color:
 $marvinjs-color: #29999c;
diff --git a/app/helpers/file_icons_helper.rb b/app/helpers/file_icons_helper.rb
index 7c01548d3..3a4d7e3dd 100644
--- a/app/helpers/file_icons_helper.rb
+++ b/app/helpers/file_icons_helper.rb
@@ -3,6 +3,8 @@
 module FileIconsHelper
   def wopi_file?(asset)
     file_ext = asset.file_name.split('.').last&.downcase
+    return true if ENV['WOPI_TEST_ENABLED'] == 'true' && %w(wopitest wopitestx).include?(file_ext)
+
     %w(ods xls xlsb xlsm xlsx odp pot potm potx pps ppsm
        ppsx ppt pptm pptx doc docm docx dot dotm dotx odt rtf).include?(file_ext)
   end
@@ -37,11 +39,11 @@ module FileIconsHelper
   def file_extension_icon(asset, report = false)
     file_ext = asset.file_name.split('.').last&.downcase
     if Constants::FILE_TEXT_FORMATS.include?(file_ext)
-      image_link = 'icon_small/docx_file.svg'
+      image_link = 'icon_small/word-document.svg'
     elsif Constants::FILE_TABLE_FORMATS.include?(file_ext)
-      image_link = 'icon_small/xslx_file.svg'
+      image_link = 'icon_small/excel-document.svg'
     elsif Constants::FILE_PRESENTATION_FORMATS.include?(file_ext)
-      image_link = 'icon_small/pptx_file.svg'
+      image_link = 'icon_small/powerpoint-document.svg'
     elsif asset.file.attached? && asset.file.metadata['asset_type'] == 'marvinjs'
       image_link = 'icon_small/marvinjs_file.svg'
     elsif asset.file.attached? && asset.file.metadata['asset_type'] == 'gene_sequence'
@@ -64,11 +66,11 @@ module FileIconsHelper
   def file_application_url(asset)
     file_ext = asset.file_name.split('.').last&.downcase
     if Constants::FILE_TEXT_FORMATS.include?(file_ext)
-      'icon_small/docx_file.svg'
+      'icon_small/word-document.svg'
     elsif Constants::FILE_TABLE_FORMATS.include?(file_ext)
-      'icon_small/xslx_file.svg'
+      'icon_small/excel-document.svg'
     elsif Constants::FILE_PRESENTATION_FORMATS.include?(file_ext)
-      'icon_small/pptx_file.svg'
+      'icon_small/powerpoint-document.svg'
     end
   end
 
diff --git a/app/javascript/vue/reports/renderers/pdf.vue b/app/javascript/vue/reports/renderers/pdf.vue
index 15e6302f0..07992e172 100644
--- a/app/javascript/vue/reports/renderers/pdf.vue
+++ b/app/javascript/vue/reports/renderers/pdf.vue
@@ -21,7 +21,7 @@
           class="file-preview-link flex items-center gap-1
                 pdf hover:no-underline whitespace-nowrap"
           :data-preview-url="pdf.preview_url">
-        <i class="sn-icon sn-icon-file-word"></i>
+        <i class="sn-icon sn-icon-file-pdf"></i>
         {{ i18n.t('projects.reports.index.pdf') }}
       </a>
     </template>
diff --git a/app/utilities/wopi_util.rb b/app/utilities/wopi_util.rb
index 74da50292..4d3e756ba 100644
--- a/app/utilities/wopi_util.rb
+++ b/app/utilities/wopi_util.rb
@@ -108,9 +108,9 @@ module WopiUtil
 
   def create_wopi_file_activity(current_user, started_editing)
     action = if started_editing
-               t('activities.wupi_file_editing.started')
+               t('activities.wopi_file_editing.started')
              else
-               t('activities.wupi_file_editing.finished')
+               t('activities.wopi_file_editing.finished')
              end
     if @assoc.class == Step
       default_step_items =
diff --git a/config/initializers/constants.rb b/config/initializers/constants.rb
index 4ebb75ae5..9f7f0bca7 100644
--- a/config/initializers/constants.rb
+++ b/config/initializers/constants.rb
@@ -298,7 +298,7 @@ class Constants
   # Other
   #=============================================================================
 
-  FILE_TEXT_FORMATS = %w(doc docm docx dot dotm dotx odt rtf).freeze
+  FILE_TEXT_FORMATS = %w(doc docm docx dot dotm dotx odt rtf wopitest wopitestx).freeze
 
   FILE_TABLE_FORMATS = %w(csv ods xls xlsb xlsm xlsx).freeze
 
@@ -306,7 +306,7 @@ class Constants
     %w(odp pot potm potx pps ppsm ppsx ppt pptm pptx).freeze
 
   WOPI_EDITABLE_FORMATS = %w(
-    docx docm odt xlsx xlsm xlsb ods pptx ppsx odp
+    docx docm odt xlsx xlsm xlsb ods pptx ppsx odp wopitest wopitestx
   ).freeze
 
   TEXT_EXTRACT_FILE_TYPES = [
diff --git a/config/locales/en.yml b/config/locales/en.yml
index 846508089..063a05e0f 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -1922,9 +1922,9 @@ en:
       success_flash: "File result successfully deleted."
     wopi_open_file: "Open in %{app}"
     wopi_edit_file: "Open in %{app}"
-    wopi_word: "MS Word online"
-    wopi_excel: "Excel online"
-    wopi_powerpoint: "PowerPoint online"
+    wopi_word: "Microsoft Word for the Web"
+    wopi_excel: "Microsoft Excel for the Web"
+    wopi_powerpoint: "Microsoft PowerPoint for the Web"
     error_flash: 'Something went wrong! Please try again later.'
 
   result_tables:
@@ -3011,7 +3011,7 @@ en:
       text: "text"
       table: "table"
       asset: "file"
-    wupi_file_editing:
+    wopi_file_editing:
       started: "editing started"
       finished: "editing finished"
     file_editing:
@@ -3619,7 +3619,7 @@ en:
       clone_btn: "Copy"
       import: "Import"
       import_eln: "SciNote file (.eln)"
-      import_docx: "MS Word (.docx)"
+      import_docx: "Microsoft Word (.docx)"
       beta: "BETA"
       import_protocols_io: "From Protocols.io"
       modal_import_json_upload: "Upload"
@@ -4015,19 +4015,19 @@ en:
     placeholder:
       modified_label: "Modified:"
       size_label: "Size: %{size}"
-    wopi_supported_text_formats_title: 'Only .docx, .docm, .odt file formats are supported for editing in Word Online.'
-    wopi_supported_table_formats_title: 'Only .xlsx, .xlsm, .xlsb, .ods file formats are supported for editing in Excel Online.'
-    wopi_supported_presentation_formats_title: 'Only .pptx, ppsx, .odp file formats are supported for editing in PowerPoint Online.'
+    wopi_supported_text_formats_title: 'Only .docx, .docm, .odt file formats are supported for editing in Word for the web.'
+    wopi_supported_table_formats_title: 'Only .xlsx, .xlsm, .xlsb, .ods file formats are supported for editing in Excel for the web.'
+    wopi_supported_presentation_formats_title: 'Only .pptx, ppsx, .odp file formats are supported for editing in PowerPoint for the web.'
     create_wopi_file:
-      button_text: 'New MS Office file'
+      button_text: 'New Microsoft Office file'
       li_text: "Office file"
-      modal_title: 'Create new Microsoft Office Online document'
+      modal_title: 'Create new Microsoft Office document'
       text_field_label: 'Document name'
       type_select_label: 'Document type'
       text_field_placeholder: 'Enter document name...'
-      ms_word: 'Word<br/>Online'
-      ms_excel: 'Excel<br/>Online'
-      ms_powerpoint: 'PowerPoint<br/>Online'
+      ms_word: 'Microsoft<br/>Word'
+      ms_excel: 'Microsoft<br/>Excel'
+      ms_powerpoint: 'Microsoft<br/>PowerPoint'
       create_document_button: 'Create document'
       errors:
         forbidden: 'You do not have permission to add files.'
diff --git a/public/images/office/Excel-color_16x16x32.png b/public/images/office/Excel-color_16x16x32.png
deleted file mode 100644
index 5d4f705c4..000000000
Binary files a/public/images/office/Excel-color_16x16x32.png and /dev/null differ
diff --git a/public/images/office/Excel-xlsx_20x20x32.png b/public/images/office/Excel-xlsx_20x20x32.png
deleted file mode 100644
index b6f683372..000000000
Binary files a/public/images/office/Excel-xlsx_20x20x32.png and /dev/null differ
diff --git a/public/images/office/PowerPoint-Color_16x16x32.png b/public/images/office/PowerPoint-Color_16x16x32.png
deleted file mode 100644
index cfa3a6bf9..000000000
Binary files a/public/images/office/PowerPoint-Color_16x16x32.png and /dev/null differ
diff --git a/public/images/office/PowerPoint-pptx_20x20x32.png b/public/images/office/PowerPoint-pptx_20x20x32.png
deleted file mode 100644
index 2fdb3cb5f..000000000
Binary files a/public/images/office/PowerPoint-pptx_20x20x32.png and /dev/null differ
diff --git a/public/images/office/Word-color_16x16x32.png b/public/images/office/Word-color_16x16x32.png
deleted file mode 100644
index a6b7889c8..000000000
Binary files a/public/images/office/Word-color_16x16x32.png and /dev/null differ
diff --git a/public/images/office/Word-docx_20x20x32.png b/public/images/office/Word-docx_20x20x32.png
deleted file mode 100644
index 69e8ab3d1..000000000
Binary files a/public/images/office/Word-docx_20x20x32.png and /dev/null differ
diff --git a/public/images/office/excel-document.svg b/public/images/office/excel-document.svg
new file mode 100644
index 000000000..44729839c
--- /dev/null
+++ b/public/images/office/excel-document.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0,0,2048,2048">
+  <path class='OfficeIconColors_HighContrast' d='M 1792 896 h -512 v -128 h 512 m 0 384 h -512 v -128 h 512 m 0 384 h -512 v -128 h 512 m 219 -896 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -397 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 h 397 v -384 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 0 347 h 165 l -165 -165 m -1085 935 q 5 16 14 30 l 120 224 h 149 l -200 -323 l 195 -317 h -140 l -111 202 q -6 11 -11 23 q -5 11 -12 22 q -3 -7 -7 -18 q -5 -11 -12 -25 l -104 -204 h -152 l 189 319 l -207 321 h 150 m 1480 -896 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 384 h 397 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 h -397 v 256 h 1280 z' />
+  <path fill='#FAFAFA' fill-opacity='1.000' d='M 1920 1984 h -1280 q -26 0 -45 -19 q -19 -19 -19 -45 v -1792 q 0 -26 19 -45 q 19 -19 45 -19 h 933 q 27 0 46 19 l 346 346 q 19 19 19 46 v 1445 q 0 26 -19 45 q -19 19 -45 19 z' />
+  <path fill='#797774' fill-opacity='1.000' d='M 2011 384 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -1792 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 0 347 h 165 l -165 -165 m 256 1701 v -1408 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 1792 z' />
+  <path fill='#107C41' fill-opacity='1.000' d='M 1792 1152 h -512 v -128 h 512 z' />
+  <path fill='#33C481' fill-opacity='1.000' d='M 1792 896 h -512 v -128 h 512 z' />
+  <path fill='#134A2C' fill-opacity='1.000' d='M 1792 1408 h -512 v -128 h 512 z' />
+  <path fill='#107C41' fill-opacity='1.000' d='M 1037 1664 h -922 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 h 922 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 z' />
+  <path fill='#FFFFFF' fill-opacity='1.000' d='M 290 1408 l 207 -321 l -189 -319 h 152 l 104 204 q 7 14 11 25 q 4 11 8 18 q 7 -11 12 -22 q 5 -12 11 -23 l 111 -202 h 140 l -195 317 l 200 323 h -149 l -120 -224 q -9 -14 -14 -30 l -139 254 z' />
+</svg>
\ No newline at end of file
diff --git a/public/images/office/ms-excel-active.svg b/public/images/office/ms-excel-active.svg
index 47a97c318..6e2b0afed 100644
--- a/public/images/office/ms-excel-active.svg
+++ b/public/images/office/ms-excel-active.svg
@@ -1,15 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
-    <title>1DBED704-6E88-4AE3-B2F9-3410F58D52C1</title>
-    <desc>Created with sketchtool.</desc>
-    <g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Create-XLSX-file-dialog" transform="translate(-224.000000, -172.000000)" fill="#FFFFFF">
-            <g id="Type" transform="translate(56.000000, 164.000000)">
-                <g id="Button-2" transform="translate(153.000000, 0.000000)">
-                    <path d="M46.404,11.844 L35.684,11.844 L35.684,13.828 L38.844,13.828 L38.844,16.9666667 L35.684,16.9666667 L35.684,17.9666667 L38.844,17.9666667 L38.844,21.1093333 L35.684,21.1093333 L35.684,22.1373333 L38.844,22.1373333 L38.844,25.1093333 L35.684,25.1093333 L35.684,26.3 L38.844,26.3 L38.844,29.2786667 L35.684,29.2786667 L35.684,30.4693333 L38.844,30.4693333 L38.844,33.4653333 L35.684,33.4653333 L35.684,35.6506667 L46.404,35.6506667 C46.5733333,35.6 46.7146667,35.4 46.828,35.0533333 C46.9413333,34.704 47,34.42 47,34.2053333 L47,12.2066667 C47,12.036 46.9413333,11.9333333 46.828,11.8973333 C46.7146667,11.8626667 46.5733333,11.844 46.404,11.844 Z M45.0133333,33.4626667 L39.8706667,33.4626667 L39.8706667,30.4693333 L45.0133333,30.4693333 L45.0133333,33.4653333 L45.0133333,33.4626667 Z M45.0133333,29.2786667 L39.8706667,29.2786667 L39.8706667,26.2986667 L45.0133333,26.2986667 L45.0133333,29.2786667 Z M45.0133333,25.108 L39.8706667,25.108 L39.8706667,22.1493333 L45.0133333,22.1493333 L45.0133333,25.1106667 L45.0133333,25.108 Z M45.0133333,21.108 L39.8706667,21.108 L39.8706667,17.9693333 L45.0133333,17.9693333 L45.0133333,21.1093333 L45.0133333,21.108 L45.0133333,21.108 Z M45.0133333,16.9493333 L39.8706667,16.9493333 L39.8706667,13.8293333 L45.0133333,13.8293333 L45.0133333,16.9693333 L45.0133333,16.9493333 L45.0133333,16.9493333 Z M15,11.3493333 L15,36.1506667 L33.88,39.416 L33.88,8 L15,11.36 L15,11.3493333 Z M26.1906667,30.1106667 C26.1186667,29.916 25.78,29.0893333 25.18,27.6266667 C24.5813333,26.1653333 24.22,25.3146667 24.1146667,25.072 L24.0813333,25.072 L22.056,29.892 L19.3493333,29.7093333 L22.56,23.7093333 L19.62,17.7093333 L22.38,17.564 L24.204,22.2586667 L24.24,22.2586667 L26.3,17.3506667 L29.152,17.1706667 L25.756,23.664 L29.256,30.288 L26.1906667,30.108 L26.1906667,30.1106667 L26.1906667,30.1106667 Z" id="ms-excel-active"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>Excel_32x</title><rect width="32" height="32" fill="none"/><path d="M30.666,2H9.333A1.333,1.333,0,0,0,8,3.333V8H1.334A1.333,1.333,0,0,0,0,9.334V22.666A1.334,1.334,0,0,0,1.334,24H8v4.667A1.333,1.333,0,0,0,9.333,30H30.666A1.334,1.334,0,0,0,32,28.667V3.334A1.334,1.334,0,0,0,30.666,2ZM9,3.334A.333.333,0,0,1,9.333,3H19V9H16v1h3v6H16V9.334A1.333,1.333,0,0,0,14.666,8H9ZM19,17v6H15.932A1.32,1.32,0,0,0,16,22.666V17Zm-10.971.7c0,.005-1.945,3.553-1.945,3.553H3.2l3.31-5.129L3.483,11.03H6.394l1.642,3.234c.033.067.063.129.091.188l.107-.216L9.99,11.03h2.723L9.605,16.1,12.79,21.25H9.927S8.033,17.7,8.029,17.7ZM9.333,29A.332.332,0,0,1,9,28.667V24H19l.009,5ZM31,28.667a.334.334,0,0,1-.334.333H20.01L20,24H31ZM31,23H20V17H31Zm0-7H20V10H31Zm0-7H20V3H30.666A.334.334,0,0,1,31,3.334Z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/public/images/office/ms-excel-inactive.svg b/public/images/office/ms-excel-inactive.svg
index 82d34f527..6ee8f4898 100644
--- a/public/images/office/ms-excel-inactive.svg
+++ b/public/images/office/ms-excel-inactive.svg
@@ -1,15 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
-    <title>4C8BB196-A5E9-45E1-A350-99BB0AD162B7</title>
-    <desc>Created with sketchtool.</desc>
-    <g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Create-PPTX-file-dialog" transform="translate(-224.000000, -172.000000)" fill="#217346">
-            <g id="Type" transform="translate(56.000000, 164.000000)">
-                <g id="Button-2" transform="translate(153.000000, 0.000000)">
-                    <path d="M46.404,11.844 L35.684,11.844 L35.684,13.828 L38.844,13.828 L38.844,16.9666667 L35.684,16.9666667 L35.684,17.9666667 L38.844,17.9666667 L38.844,21.1093333 L35.684,21.1093333 L35.684,22.1373333 L38.844,22.1373333 L38.844,25.1093333 L35.684,25.1093333 L35.684,26.3 L38.844,26.3 L38.844,29.2786667 L35.684,29.2786667 L35.684,30.4693333 L38.844,30.4693333 L38.844,33.4653333 L35.684,33.4653333 L35.684,35.6506667 L46.404,35.6506667 C46.5733333,35.6 46.7146667,35.4 46.828,35.0533333 C46.9413333,34.704 47,34.42 47,34.2053333 L47,12.2066667 C47,12.036 46.9413333,11.9333333 46.828,11.8973333 C46.7146667,11.8626667 46.5733333,11.844 46.404,11.844 Z M45.0133333,33.4626667 L39.8706667,33.4626667 L39.8706667,30.4693333 L45.0133333,30.4693333 L45.0133333,33.4653333 L45.0133333,33.4626667 Z M45.0133333,29.2786667 L39.8706667,29.2786667 L39.8706667,26.2986667 L45.0133333,26.2986667 L45.0133333,29.2786667 Z M45.0133333,25.108 L39.8706667,25.108 L39.8706667,22.1493333 L45.0133333,22.1493333 L45.0133333,25.1106667 L45.0133333,25.108 Z M45.0133333,21.108 L39.8706667,21.108 L39.8706667,17.9693333 L45.0133333,17.9693333 L45.0133333,21.1093333 L45.0133333,21.108 L45.0133333,21.108 Z M45.0133333,16.9493333 L39.8706667,16.9493333 L39.8706667,13.8293333 L45.0133333,13.8293333 L45.0133333,16.9693333 L45.0133333,16.9493333 L45.0133333,16.9493333 Z M15,11.3493333 L15,36.1506667 L33.88,39.416 L33.88,8 L15,11.36 L15,11.3493333 Z M26.1906667,30.1106667 C26.1186667,29.916 25.78,29.0893333 25.18,27.6266667 C24.5813333,26.1653333 24.22,25.3146667 24.1146667,25.072 L24.0813333,25.072 L22.056,29.892 L19.3493333,29.7093333 L22.56,23.7093333 L19.62,17.7093333 L22.38,17.564 L24.204,22.2586667 L24.24,22.2586667 L26.3,17.3506667 L29.152,17.1706667 L25.756,23.664 L29.256,30.288 L26.1906667,30.108 L26.1906667,30.1106667 L26.1906667,30.1106667 Z" id="ms-excel-217346"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>Excel_32x</title><path d="M20,2H9.333A1.333,1.333,0,0,0,8,3.333V9l12,7,6,2.531L32,16V9Z" fill="#21a366"/><rect x="8" y="9" width="12" height="7" fill="#107c41"/><path d="M30.667,2H20V9H32V3.333A1.333,1.333,0,0,0,30.667,2Z" fill="#33c481"/><path d="M20,16H8V28.666A1.333,1.333,0,0,0,9.333,30H30.667A1.333,1.333,0,0,0,32,28.666V23Z" fill="#185c37"/><rect x="20" y="16" width="12" height="7" fill="#107c41"/><path d="M16.667,7H8V26h8.667A1.337,1.337,0,0,0,18,24.666V8.333A1.337,1.337,0,0,0,16.667,7Z" opacity="0.1"/><path d="M15.667,8H8V27h7.667A1.337,1.337,0,0,0,17,25.666V9.333A1.337,1.337,0,0,0,15.667,8Z" opacity="0.2"/><path d="M15.667,8H8V25h7.667A1.337,1.337,0,0,0,17,23.666V9.333A1.337,1.337,0,0,0,15.667,8Z" opacity="0.2"/><path d="M14.667,8H8V25h6.667A1.337,1.337,0,0,0,16,23.666V9.333A1.337,1.337,0,0,0,14.667,8Z" opacity="0.2"/><rect x="0.001" y="8" width="15.999" height="15.999" rx="1.333" fill="#107c41"/><path d="M3.658,21,6.8,16.126,3.923,11.279H6.241l1.573,3.1c.144.294.244.513.3.658h.02c.1-.235.213-.464.326-.685l1.681-3.071h2.128L9.312,16.1l3.03,4.9H10.078L8.261,17.6a2.881,2.881,0,0,1-.217-.454H8.017a2.188,2.188,0,0,1-.21.44L5.936,21Z" fill="#fff"/><rect width="32" height="32" fill="none"/></svg>
\ No newline at end of file
diff --git a/public/images/office/ms-pwrpt-active.svg b/public/images/office/ms-pwrpt-active.svg
index 7d8cec25e..105a24e45 100644
--- a/public/images/office/ms-pwrpt-active.svg
+++ b/public/images/office/ms-pwrpt-active.svg
@@ -1,15 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="32px" height="31px" viewBox="0 0 32 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
-    <title>20B71793-99D3-4CCE-9F03-A003272E0F54</title>
-    <desc>Created with sketchtool.</desc>
-    <g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Create-PPTX-file-dialog" transform="translate(-378.000000, -173.000000)" fill="#FFFFFF">
-            <g id="Type" transform="translate(56.000000, 164.000000)">
-                <g id="Button-3" transform="translate(306.000000, 0.000000)">
-                    <path d="M47.312,13.4933333 L35.9226667,13.4933333 L35.9226667,17.7413333 C36.6093333,17.2213333 37.432,16.9573333 38.396,16.9573333 L38.396,21.088 L42.4946667,21.088 C42.4746667,22.2466667 42.0746667,23.224 41.2933333,24.012 C40.5146667,24.8013333 39.536,25.2066667 38.376,25.2333333 C37.476,25.2066667 36.656,24.936 35.9373333,24.4133333 L35.9373333,27.252 L44.896,27.252 L44.896,28.6453333 L35.9346667,28.6453333 L35.9346667,30.3693333 L44.888,30.3693333 L44.888,31.7453333 L35.9293333,31.7453333 L35.9293333,34.8653333 L47.32,34.8653333 C47.7813333,34.8653333 48,34.6226667 48,34.1493333 L48,14.1733333 C48,13.7173333 47.7813333,13.4933333 47.32,13.4933333 L47.312,13.4933333 Z M39.04,20.408 L39.04,16.2426667 C40.2,16.2693333 41.1733333,16.672 41.9573333,17.456 C42.7386667,18.24 43.1453333,19.224 43.1653333,20.408 L39.04,20.408 Z M27.008,20.4773333 C26.9373333,20.2093333 26.8213333,20.0013333 26.6573333,19.848 C26.4973333,19.6986667 26.2813333,19.5893333 26.0133333,19.52 C25.7133333,19.4386667 25.404,19.4 25.0933333,19.4 L24.1333333,19.4186667 L24.1333333,23.4173333 L24.168,23.4173333 C24.516,23.4386667 24.8813333,23.4386667 25.268,23.4173333 C25.648,23.3973333 26.008,23.2973333 26.3466667,23.1173333 C26.764,22.8173333 27.0133333,22.4173333 27.0946667,21.8986667 C27.1746667,21.3773333 27.1466667,20.8773333 27.0093333,20.4173333 L27.0093333,20.4773333 L27.008,20.4773333 Z M16,12.2386667 L16,36.1666667 L34.2506667,39.32 L34.2506667,9 L16,12.2386667 Z M29.6173333,23.0213333 C29.1173333,24.18 28.3706667,24.9213333 27.372,25.2413333 C26.3733333,25.56 25.2946667,25.684 24.1333333,25.6133333 L24.1333333,30.176 L21.732,29.8973333 L21.732,17.3613333 L25.544,17.1626667 C26.2506667,17.1186667 26.9493333,17.196 27.632,17.4026667 C28.3186667,17.6053333 28.8613333,18.0146667 29.2626667,18.632 C29.6626667,19.2466667 29.888,19.96 29.9426667,20.772 C29.992,21.584 29.8853333,22.3346667 29.6173333,23.0213333 L29.6173333,23.0213333 Z" id="ms-pwrpt-active"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>PowerPoint_32x</title><path d="M9.01,15.047a1.97,1.97,0,0,1-1.324.382H6.25V12.8h1.5c1.506,0,1.681.8,1.681,1.407A.867.867,0,0,1,9.01,15.047ZM32,16A13.98,13.98,0,0,1,6.541,24H1.334A1.337,1.337,0,0,1,0,22.667V9.334A1.338,1.338,0,0,1,1.334,8H6.549A13.991,13.991,0,0,1,18,2h.01A14.033,14.033,0,0,1,32,16ZM19,3.05V16H31A13.005,13.005,0,0,0,19,3.05ZM7.8,8h6.867A1.337,1.337,0,0,1,16,9.334V16h2V3h0A12.951,12.951,0,0,0,7.8,8Zm.109,9.577a4.824,4.824,0,0,0,2.127-.448,3.421,3.421,0,0,0,1.446-1.278,2.958,2.958,0,0,0,.51-1.718,3.124,3.124,0,0,0-1.044-2.52,4.417,4.417,0,0,0-2.913-.863H3.792V21.24H6.25V17.577ZM30.949,17H16v5.667A1.337,1.337,0,0,1,14.667,24H7.8a12.96,12.96,0,0,0,23.152-7Z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/public/images/office/ms-pwrpt-inactive.svg b/public/images/office/ms-pwrpt-inactive.svg
index 27ae531bd..22c726f54 100644
--- a/public/images/office/ms-pwrpt-inactive.svg
+++ b/public/images/office/ms-pwrpt-inactive.svg
@@ -1,15 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="32px" height="31px" viewBox="0 0 32 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
-    <title>7D86E2E5-6A35-46CC-B7FA-7880CD9FA8DB</title>
-    <desc>Created with sketchtool.</desc>
-    <g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Create-XLSX-file-dialog" transform="translate(-378.000000, -173.000000)" fill="#D24726">
-            <g id="Type" transform="translate(56.000000, 164.000000)">
-                <g id="Button-3" transform="translate(306.000000, 0.000000)">
-                    <path d="M47.312,13.4933333 L35.9226667,13.4933333 L35.9226667,17.7413333 C36.6093333,17.2213333 37.432,16.9573333 38.396,16.9573333 L38.396,21.088 L42.4946667,21.088 C42.4746667,22.2466667 42.0746667,23.224 41.2933333,24.012 C40.5146667,24.8013333 39.536,25.2066667 38.376,25.2333333 C37.476,25.2066667 36.656,24.936 35.9373333,24.4133333 L35.9373333,27.252 L44.896,27.252 L44.896,28.6453333 L35.9346667,28.6453333 L35.9346667,30.3693333 L44.888,30.3693333 L44.888,31.7453333 L35.9293333,31.7453333 L35.9293333,34.8653333 L47.32,34.8653333 C47.7813333,34.8653333 48,34.6226667 48,34.1493333 L48,14.1733333 C48,13.7173333 47.7813333,13.4933333 47.32,13.4933333 L47.312,13.4933333 Z M39.04,20.408 L39.04,16.2426667 C40.2,16.2693333 41.1733333,16.672 41.9573333,17.456 C42.7386667,18.24 43.1453333,19.224 43.1653333,20.408 L39.04,20.408 Z M27.008,20.4773333 C26.9373333,20.2093333 26.8213333,20.0013333 26.6573333,19.848 C26.4973333,19.6986667 26.2813333,19.5893333 26.0133333,19.52 C25.7133333,19.4386667 25.404,19.4 25.0933333,19.4 L24.1333333,19.4186667 L24.1333333,23.4173333 L24.168,23.4173333 C24.516,23.4386667 24.8813333,23.4386667 25.268,23.4173333 C25.648,23.3973333 26.008,23.2973333 26.3466667,23.1173333 C26.764,22.8173333 27.0133333,22.4173333 27.0946667,21.8986667 C27.1746667,21.3773333 27.1466667,20.8773333 27.0093333,20.4173333 L27.0093333,20.4773333 L27.008,20.4773333 Z M16,12.2386667 L16,36.1666667 L34.2506667,39.32 L34.2506667,9 L16,12.2386667 Z M29.6173333,23.0213333 C29.1173333,24.18 28.3706667,24.9213333 27.372,25.2413333 C26.3733333,25.56 25.2946667,25.684 24.1333333,25.6133333 L24.1333333,30.176 L21.732,29.8973333 L21.732,17.3613333 L25.544,17.1626667 C26.2506667,17.1186667 26.9493333,17.196 27.632,17.4026667 C28.3186667,17.6053333 28.8613333,18.0146667 29.2626667,18.632 C29.6626667,19.2466667 29.888,19.96 29.9426667,20.772 C29.992,21.584 29.8853333,22.3346667 29.6173333,23.0213333 L29.6173333,23.0213333 Z" id="ms-pwrpt-D24726"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>PowerPoint_32x</title><path d="M18,2A14.041,14.041,0,0,0,4,16l17.737,3.737Z" fill="#ed6c47"/><path d="M18.01,2A14.033,14.033,0,0,1,32,16l-7,4.758L18.01,16Z" fill="#ff8f6b"/><path d="M18,30A14.041,14.041,0,0,0,32,16H4A14.041,14.041,0,0,0,18,30Z" fill="#d35230"/><path d="M16.666,7H7.305a13.915,13.915,0,0,0,.931,19h8.43A1.337,1.337,0,0,0,18,24.667V8.333A1.337,1.337,0,0,0,16.666,7Z" opacity="0.1"/><path d="M15.666,8H6.539A13.907,13.907,0,0,0,9.384,27h6.282A1.337,1.337,0,0,0,17,25.667V9.333A1.337,1.337,0,0,0,15.666,8Z" opacity="0.2"/><path d="M15.666,8H6.539a13.891,13.891,0,0,0,.766,17h8.361A1.337,1.337,0,0,0,17,23.667V9.333A1.337,1.337,0,0,0,15.666,8Z" opacity="0.2"/><path d="M14.666,8H6.539a13.891,13.891,0,0,0,.766,17h7.361A1.337,1.337,0,0,0,16,23.667V9.333A1.337,1.337,0,0,0,14.666,8Z" opacity="0.2"/><rect y="8" width="16" height="16" rx="1.333" fill="#c43e1c"/><path d="M8.035,11a4.163,4.163,0,0,1,2.752.8,2.878,2.878,0,0,1,.955,2.329,2.729,2.729,0,0,1-.472,1.586A3.165,3.165,0,0,1,9.927,16.9a4.567,4.567,0,0,1-2.018.423H6V20.99H4.042V11ZM6,15.678H7.685a2.192,2.192,0,0,0,1.49-.444,1.1,1.1,0,0,0,.5-1.024q0-1.658-1.931-1.657H6Z" fill="#f9f7f7"/><rect width="32" height="32" fill="none"/></svg>
\ No newline at end of file
diff --git a/public/images/office/ms-word-active.svg b/public/images/office/ms-word-active.svg
index e9a0450be..bd2384dde 100644
--- a/public/images/office/ms-word-active.svg
+++ b/public/images/office/ms-word-active.svg
@@ -1,15 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="32px" height="31px" viewBox="0 0 32 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
-    <title>58A7CABD-8C13-4F38-A224-E58B3FEF6D9B</title>
-    <desc>Created with sketchtool.</desc>
-    <g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Create-DOCX-file-dialog" transform="translate(-71.000000, -173.000000)" fill="#FFFFFF">
-            <g id="Type" transform="translate(56.000000, 164.000000)">
-                <g id="Button-1">
-                    <path d="M46.9999783,13.1281692 L46.9999783,35.1917402 C46.9999783,35.3797479 46.9333089,35.5317542 46.8013035,35.6530925 C46.6666313,35.7784309 46.5066247,35.8371 46.3212838,35.8371 L34.908816,35.8371 L34.908816,32.7769746 L44.2185309,32.7769746 L44.2185309,31.3835841 L34.9008157,31.3835841 L34.9008157,29.6781809 L44.2105306,29.6781809 L44.2105306,28.2861238 L34.9074826,28.2861238 L34.9074826,26.5660533 L44.2145308,26.5660533 L44.2145308,25.1899969 L34.9074826,25.1899969 L34.9074826,23.4659263 L44.2145308,23.4659263 L44.2145308,22.0738692 L34.9074826,22.0738692 L34.9074826,20.368466 L44.2145308,20.368466 L44.2145308,18.9777423 L34.9074826,18.9777423 L34.9074826,17.237671 L44.2145308,17.237671 L44.2145308,15.9122833 L34.9074826,15.9122833 L34.9074826,12.4548083 L46.3239506,12.4548083 C46.5226254,12.4548083 46.6839653,12.5188109 46.8013035,12.6534831 C46.9413092,12.7854885 47.0013117,12.9468284 46.9999783,13.1281692 Z M33.200746,9.00533355 L33.200746,39.3025754 L15,36.153113 L15,12.2401328 L33.200746,9 L33.200746,9.00533355 Z M30.4539668,17.9497002 L28.1752067,18.0897059 L26.7138135,27.1367434 L26.6804788,27.1367434 C26.6084758,26.7087258 26.3404648,25.2099977 25.8604451,22.647226 L25.0084102,18.296381 L22.8696559,18.4030521 L22.0136208,22.647226 C21.5136003,25.1193274 21.2349222,26.558053 21.1615859,26.9620696 L21.1415851,26.9620696 L19.8415318,18.6283946 L17.8814514,18.7323989 L19.9815375,29.2434964 L22.1602935,29.3835021 L22.9803271,25.2926678 C23.4603468,22.8925694 23.7403583,21.4978456 23.8003607,21.1164966 L23.8603632,21.1164966 C23.9416998,21.52318 24.2017105,22.9485717 24.6803968,25.3966721 L25.5004304,29.6075113 L27.8605271,29.7475171 L30.5006353,17.9470334 L30.4539668,17.9470334 L30.4539668,17.9497002 Z" id="ms-word-active"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>Word_32x</title><path d="M30.667,2H9.333A1.333,1.333,0,0,0,8,3.334V8H1.333A1.337,1.337,0,0,0,0,9.334V22.667A1.337,1.337,0,0,0,1.333,24H8v4.667A1.333,1.333,0,0,0,9.334,30H30.667A1.333,1.333,0,0,0,32,28.667V3.334A1.333,1.333,0,0,0,30.667,2ZM8.044,14.94,6.033,21.25H3.845l-2.1-10.5h2.31L5.3,16.984,7.166,10.95H9.037L10.8,16.957l1.241-6.207h2.21l-2.1,10.5H9.965ZM31,28.667a.333.333,0,0,1-.333.333H9.334A.333.333,0,0,1,9,28.667V24H31ZM31,23H15.932A1.28,1.28,0,0,0,16,22.667V17H31Zm0-7H16V10H31Zm0-7H15.932a1.319,1.319,0,0,0-1.265-1H9V3.334A.333.333,0,0,1,9.333,3H30.667A.333.333,0,0,1,31,3.334Z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/public/images/office/ms-word-inactive.svg b/public/images/office/ms-word-inactive.svg
index 166bbb5fd..d4fe2c927 100644
--- a/public/images/office/ms-word-inactive.svg
+++ b/public/images/office/ms-word-inactive.svg
@@ -1,15 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="32px" height="31px" viewBox="0 0 32 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: sketchtool 53.2 (72643) - https://sketchapp.com -->
-    <title>31E0F97F-2288-43F7-8844-5D70AE3003E4</title>
-    <desc>Created with sketchtool.</desc>
-    <g id="sci-Tasks-roadmap" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Create-XLSX-file-dialog" transform="translate(-71.000000, -173.000000)" fill="#2B579A">
-            <g id="Type" transform="translate(56.000000, 164.000000)">
-                <g id="Button-1">
-                    <path d="M46.9999783,13.1281692 L46.9999783,35.1917402 C46.9999783,35.3797479 46.9333089,35.5317542 46.8013035,35.6530925 C46.6666313,35.7784309 46.5066247,35.8371 46.3212838,35.8371 L34.908816,35.8371 L34.908816,32.7769746 L44.2185309,32.7769746 L44.2185309,31.3835841 L34.9008157,31.3835841 L34.9008157,29.6781809 L44.2105306,29.6781809 L44.2105306,28.2861238 L34.9074826,28.2861238 L34.9074826,26.5660533 L44.2145308,26.5660533 L44.2145308,25.1899969 L34.9074826,25.1899969 L34.9074826,23.4659263 L44.2145308,23.4659263 L44.2145308,22.0738692 L34.9074826,22.0738692 L34.9074826,20.368466 L44.2145308,20.368466 L44.2145308,18.9777423 L34.9074826,18.9777423 L34.9074826,17.237671 L44.2145308,17.237671 L44.2145308,15.9122833 L34.9074826,15.9122833 L34.9074826,12.4548083 L46.3239506,12.4548083 C46.5226254,12.4548083 46.6839653,12.5188109 46.8013035,12.6534831 C46.9413092,12.7854885 47.0013117,12.9468284 46.9999783,13.1281692 Z M33.200746,9.00533355 L33.200746,39.3025754 L15,36.153113 L15,12.2401328 L33.200746,9 L33.200746,9.00533355 Z M30.4539668,17.9497002 L28.1752067,18.0897059 L26.7138135,27.1367434 L26.6804788,27.1367434 C26.6084758,26.7087258 26.3404648,25.2099977 25.8604451,22.647226 L25.0084102,18.296381 L22.8696559,18.4030521 L22.0136208,22.647226 C21.5136003,25.1193274 21.2349222,26.558053 21.1615859,26.9620696 L21.1415851,26.9620696 L19.8415318,18.6283946 L17.8814514,18.7323989 L19.9815375,29.2434964 L22.1602935,29.3835021 L22.9803271,25.2926678 C23.4603468,22.8925694 23.7403583,21.4978456 23.8003607,21.1164966 L23.8603632,21.1164966 C23.9416998,21.52318 24.2017105,22.9485717 24.6803968,25.3966721 L25.5004304,29.6075113 L27.8605271,29.7475171 L30.5006353,17.9470334 L30.4539668,17.9470334 L30.4539668,17.9497002 Z" id="ms-word-2B579A"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>Word_32x</title><path d="M30.667,2H9.333A1.333,1.333,0,0,0,8,3.333V9l12,3.5L32,9V3.333A1.333,1.333,0,0,0,30.667,2Z" fill="#41a5ee"/><polygon points="32 9 8 9 8 16 20 19.5 32 16 32 9" fill="#2b7cd3"/><polygon points="32 16 8 16 8 23 20 26.5 32 23 32 16" fill="#185abd"/><path d="M32,23H8v5.667A1.333,1.333,0,0,0,9.333,30H30.667A1.333,1.333,0,0,0,32,28.667Z" fill="#103f91"/><path d="M16.667,7H8V26h8.667A1.337,1.337,0,0,0,18,24.667V8.333A1.337,1.337,0,0,0,16.667,7Z" opacity="0.1"/><path d="M15.667,8H8V27h7.667A1.337,1.337,0,0,0,17,25.667V9.333A1.337,1.337,0,0,0,15.667,8Z" opacity="0.2"/><path d="M15.667,8H8V25h7.667A1.337,1.337,0,0,0,17,23.667V9.333A1.337,1.337,0,0,0,15.667,8Z" opacity="0.2"/><path d="M14.667,8H8V25h6.667A1.337,1.337,0,0,0,16,23.667V9.333A1.337,1.337,0,0,0,14.667,8Z" opacity="0.2"/><rect y="8" width="16" height="16" rx="1.333" fill="#185abd"/><path d="M11.95,21h-1.8l-2.1-6.9L5.85,21H4.05l-2-10h1.8l1.4,7,2.1-6.8h1.5l2,6.8,1.4-7h1.7Z" fill="#fff"/><rect width="32" height="32" fill="none"/></svg>
\ No newline at end of file
diff --git a/public/images/office/powerpoint-document.svg b/public/images/office/powerpoint-document.svg
new file mode 100644
index 000000000..250bccb56
--- /dev/null
+++ b/public/images/office/powerpoint-document.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0,0,2048,2048">
+  <path class='OfficeIconColors_HighContrast' d='M 2011 384 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -397 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 h 397 v -384 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 256 1883 v -1408 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 384 h 397 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 h -397 v 256 m 768 -768 h 384 q 0 80 -30 150 q -30 69 -82 122 q -53 52 -123 82 q -70 30 -149 30 q -34 0 -66 -5 q -32 -6 -62 -17 v -724 q 30 -11 62 -16 q 32 -6 66 -6 m -790 414 q 7 0 11 -1 h 11 q 56 -3 100 -26 q 52 -27 81 -76 q 29 -49 29 -111 q 0 -96 -58 -149 q -54 -48 -152 -51 h -256 v 640 h 118 v -226 m 1034 -542 q 79 0 149 30 q 70 30 122 83 q 52 52 82 122 q 30 70 30 149 h -383 m -1034 60 v -217 h 116 q 2 0 3 1 q 1 0 3 0 h 9 q 92 12 92 105 q 0 55 -31 83 q -21 19 -54 25 q -10 2 -16 2 h -2 q -2 0 -3 1 q -2 0 -4 0 m 1049 -700 h 165 l -165 -165 z' />
+  <path fill='#FAFAFA' fill-opacity='1.000' d='M 1920 1984 h -1280 q -26 0 -45 -19 q -19 -19 -19 -45 v -1792 q 0 -26 19 -45 q 19 -19 45 -19 h 933 q 27 0 46 19 l 346 346 q 19 19 19 46 v 1445 q 0 26 -19 45 q -19 19 -45 19 z' />
+  <path fill='#797774' fill-opacity='1.000' d='M 2011 384 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -1792 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 0 347 h 165 l -165 -165 m 256 1701 v -1408 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 1792 z' />
+  <path fill='#ED6C47' fill-opacity='1.000' d='M 1536 640 q 79 0 149 30 q 70 30 123 83 q 52 52 82 122 q 30 70 30 149 h -384 m 256 128 q 0 80 -30 150 q -30 69 -82 122 q -53 52 -123 82 q -70 30 -149 30 q -34 0 -66 -5 q -32 -6 -62 -17 v -362 z' />
+  <path fill='#FF8F6B' fill-opacity='1.000' d='M 1280 790 q 30 -11 62 -16 q 32 -6 66 -6 v 384 h -128 z' />
+  <path fill='#FFFFFF' fill-opacity='0.498' d='M 1536 640 q 79 0 149 30 q 70 30 123 83 q 52 52 82 122 q 30 70 30 149 h -384 z' />
+  <path fill='#C43E1C' fill-opacity='1.000' d='M 1037 512 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 h -922 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 z' />
+  <path fill='#FFFFFF' fill-opacity='1.000' d='M 625 768 q 108 0 167 51 q 58 53 58 149 q 0 62 -29 111 q -29 49 -81 76 q -53 27 -122 27 h -116 v 226 h -118 v -640 m 118 316 h 102 q 61 0 90 -28 q 31 -28 31 -83 q 0 -106 -117 -106 h -106 z' />
+</svg>
\ No newline at end of file
diff --git a/public/images/office/word-document.svg b/public/images/office/word-document.svg
new file mode 100644
index 000000000..114389b0e
--- /dev/null
+++ b/public/images/office/word-document.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0,0,2048,2048">
+  <path class='OfficeIconColors_HighContrast' d='M 1792 896 h -512 v -128 h 512 m 0 384 h -512 v -128 h 512 m 0 384 h -512 v -128 h 512 m -1397 -64 l -88 -448 h -117 l 142 640 h 137 l 90 -423 q 1 -6 3 -19 q 1 -13 3 -27 q 2 -14 4 -27 q 2 -13 4 -19 q 3 21 7 39 q 3 16 6 31 q 3 15 5 21 l 96 424 h 134 l 141 -640 h -115 l -80 443 q -5 23 -9 43 q -5 20 -4 37 q -4 -49 -12 -83 l -101 -440 h -126 l -97 447 q -5 14 -8 38 q -3 24 -6 39 m 1607 -908 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -397 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 h 397 v -384 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 0 347 h 165 l -165 -165 m 256 293 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 384 h 397 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 h -397 v 256 h 1280 z' />
+  <path fill='#FAFAFA' fill-opacity='1.000' d='M 1920 1984 h -1280 q -26 0 -45 -19 q -19 -19 -19 -45 v -1792 q 0 -26 19 -45 q 19 -19 45 -19 h 933 q 27 0 46 19 l 346 346 q 19 19 19 46 v 1445 q 0 26 -19 45 q -19 19 -45 19 z' />
+  <path fill='#797774' fill-opacity='1.000' d='M 2011 384 q 37 37 37 91 v 1445 q 0 27 -10 50 q -10 23 -27 41 q -18 17 -41 27 q -23 10 -50 10 h -1280 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -1792 q 0 -27 10 -50 q 10 -23 28 -40 q 17 -18 40 -28 q 23 -10 50 -10 h 933 q 54 0 91 37 m 0 347 h 165 l -165 -165 m 256 1701 v -1408 h -256 q -27 0 -50 -10 q -23 -10 -40 -27 q -18 -18 -28 -41 q -10 -23 -10 -50 v -256 h -896 v 1792 z' />
+  <path fill='#41A5EE' fill-opacity='1.000' d='M 1792 896 h -512 v -128 h 512 z' />
+  <path fill='#2B7CD3' fill-opacity='1.000' d='M 1792 1152 h -512 v -128 h 512 z' />
+  <path fill='#185ABD' fill-opacity='1.000' d='M 1792 1408 h -512 v -128 h 512 z' />
+  <path fill='#185ABD' fill-opacity='1.000' d='M 1037 1664 h -922 q -24 0 -44 -9 q -21 -9 -37 -25 q -16 -16 -25 -36 q -9 -21 -9 -45 v -922 q 0 -24 9 -44 q 9 -21 25 -37 q 16 -16 37 -25 q 20 -9 44 -9 h 922 q 24 0 45 9 q 20 9 36 25 q 16 16 25 37 q 9 20 9 44 v 922 q 0 24 -9 45 q -9 20 -25 36 q -16 16 -36 25 q -21 9 -45 9 z' />
+  <path fill='#FFFFFF' fill-opacity='1.000' d='M 404 1292 q 3 -15 6 -39 q 3 -24 8 -38 l 97 -447 h 126 l 101 440 q 8 34 12 83 q 0 -17 4 -37 q 4 -20 9 -43 l 80 -443 h 115 l -141 640 h -134 l -96 -424 q -2 -6 -5 -21 q -3 -15 -6 -31 q -4 -18 -7 -39 q -2 6 -4 19 q -2 13 -4 27 q -2 14 -3 27 q -2 13 -3 19 l -90 423 h -137 l -142 -640 h 117 l 88 448 z' />
+</svg>
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/sn-icon-font.css b/vendor/assets/stylesheets/sn-icon-font.css
index d91be63ac..d053c6666 100644
--- a/vendor/assets/stylesheets/sn-icon-font.css
+++ b/vendor/assets/stylesheets/sn-icon-font.css
@@ -245,15 +245,6 @@
 .sn-icon-files:before {
   content: "\e948";
 }
-.sn-icon-file-word:before {
-  content: "\e949";
-}
-.sn-icon-file-powerpoint:before {
-  content: "\e94a";
-}
-.sn-icon-file-excel:before {
-  content: "\e94b";
-}
 .sn-icon-export:before {
   content: "\e94c";
 }