diff --git a/src/components/common/File.scss b/src/components/common/File.scss
index a7fd5898c..460e5932e 100644
--- a/src/components/common/File.scss
+++ b/src/components/common/File.scss
@@ -45,6 +45,9 @@
     flex-shrink: 0;
     position: relative;
     color: white;
+    clip-path: polygon(0 0, calc(100% - 1.125rem) 0, 100% 1.125rem, 100% 100%, 0 100%);
+
+    transition: clip-path 0.15s ease-in;
 
     .file-ext {
       font-size: 1rem;
@@ -59,13 +62,8 @@
       top: 0;
       right: 0;
       border-bottom-left-radius: 0.25rem;
-      background: rgba(black, 0.25);
-      border-color:
-        transparent
-        var(--file-icon-border-color, var(--background-color))
-        transparent
-        var(--file-icon-border-color, var(--background-color));
-      border-width: 0 1.125rem 1.125rem 0;
+      border-color: rgba(black, 0.25);
+      border-width: 0.5625rem;
       border-style: solid;
       /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */
       transition: border-width 0.15s ease-in;
@@ -110,6 +108,10 @@
         border-width: 0;
       }
 
+      .file-icon {
+        clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 0 100%);
+      }
+
       .action-icon {
         opacity: 1;
 
diff --git a/src/components/middle/message/WebPage.scss b/src/components/middle/message/WebPage.scss
index f5bc4ad85..60441d084 100644
--- a/src/components/middle/message/WebPage.scss
+++ b/src/components/middle/message/WebPage.scss
@@ -14,10 +14,6 @@
     padding: 0.1875rem 0.375rem;
   }
 
-  &.with-document {
-    --file-icon-border-color: var(--accent-background-color);
-  }
-
   &--background-icons {
     margin: -0.375rem;
   }