diff --git a/frontend/apps/remark42/app/components/auth/auth.module.css b/frontend/apps/remark42/app/components/auth/auth.module.css
index 594b4042..8cb18d04 100644
--- a/frontend/apps/remark42/app/components/auth/auth.module.css
+++ b/frontend/apps/remark42/app/components/auth/auth.module.css
@@ -35,7 +35,7 @@
   font-size: 12px;
   text-transform: uppercase;
   font-weight: bold;
-  color: rgb(rgb(var(--secondary-text-color)));
+  color: rgb(var(--secondary-text-color));
   text-align: center;
 }
 
diff --git a/frontend/apps/remark42/app/components/comment-form/__markdown-toolbar/comment-form__markdown-toolbar.css b/frontend/apps/remark42/app/components/comment-form/__markdown-toolbar/comment-form__markdown-toolbar.css
index 219aad1f..08f41eaf 100644
--- a/frontend/apps/remark42/app/components/comment-form/__markdown-toolbar/comment-form__markdown-toolbar.css
+++ b/frontend/apps/remark42/app/components/comment-form/__markdown-toolbar/comment-form__markdown-toolbar.css
@@ -8,7 +8,7 @@
   width: 1px;
   height: 1px;
   overflow: hidden;
-  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
 }
 
 .comment-form__toolbar-item {
diff --git a/frontend/apps/remark42/app/components/comment/_editing/comment_editing.css b/frontend/apps/remark42/app/components/comment/_editing/comment_editing.css
index a3343792..f1eba6a4 100644
--- a/frontend/apps/remark42/app/components/comment/_editing/comment_editing.css
+++ b/frontend/apps/remark42/app/components/comment/_editing/comment_editing.css
@@ -4,7 +4,7 @@
   }
 
   /* it isn't mobile first, but it's fine here */
-  @media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer: coarse) and (max-width: 768px) {
+  @media (pointer: coarse) and (max-width: 768px) {
     border: 8px solid;
     padding-bottom: 0;
 
diff --git a/frontend/apps/remark42/app/components/comment/_replying/comment_replying.css b/frontend/apps/remark42/app/components/comment/_replying/comment_replying.css
index 41dac2d4..ff1ae27f 100644
--- a/frontend/apps/remark42/app/components/comment/_replying/comment_replying.css
+++ b/frontend/apps/remark42/app/components/comment/_replying/comment_replying.css
@@ -4,7 +4,7 @@
   z-index: 1;
 
   /* it isn't mobile first, but it's fine here */
-  @media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer: coarse) and (max-width: 768px) {
+  @media (pointer: coarse) and (max-width: 768px) {
     border: 8px solid;
 
     & .comment__info {
diff --git a/frontend/apps/remark42/app/components/comment/_theme/_dark/comment_theme_dark.css b/frontend/apps/remark42/app/components/comment/_theme/_dark/comment_theme_dark.css
index be0a5439..fe8a5159 100644
--- a/frontend/apps/remark42/app/components/comment/_theme/_dark/comment_theme_dark.css
+++ b/frontend/apps/remark42/app/components/comment/_theme/_dark/comment_theme_dark.css
@@ -69,7 +69,7 @@
       border-color: var(--color7);
     }
 
-    @media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer: coarse) and (max-width: 768px) {
+    @media (pointer: coarse) and (max-width: 768px) {
       border-color: var(--color7);
     }
   }
@@ -79,7 +79,7 @@
       border-color: var(--color7);
     }
 
-    @media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer: coarse) and (max-width: 768px) {
+    @media (pointer: coarse) and (max-width: 768px) {
       border-color: var(--color7);
     }
   }
diff --git a/frontend/apps/remark42/app/components/comment/_theme/_light/comment_theme_light.css b/frontend/apps/remark42/app/components/comment/_theme/_light/comment_theme_light.css
index 50f7f0f7..10d80e5c 100644
--- a/frontend/apps/remark42/app/components/comment/_theme/_light/comment_theme_light.css
+++ b/frontend/apps/remark42/app/components/comment/_theme/_light/comment_theme_light.css
@@ -65,7 +65,7 @@
       border-color: var(--color5);
     }
 
-    @media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer: coarse) and (max-width: 768px) {
+    @media (pointer: coarse) and (max-width: 768px) {
       border-color: var(--color5);
     }
   }
@@ -75,7 +75,7 @@
       border-color: var(--color5);
     }
 
-    @media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer: coarse) and (max-width: 768px) {
+    @media (pointer: coarse) and (max-width: 768px) {
       border-color: var(--color5);
     }
   }
diff --git a/frontend/apps/remark42/app/components/comment/comment-votes.module.css b/frontend/apps/remark42/app/components/comment/comment-votes.module.css
index ea69aacb..e3f1a40b 100644
--- a/frontend/apps/remark42/app/components/comment/comment-votes.module.css
+++ b/frontend/apps/remark42/app/components/comment/comment-votes.module.css
@@ -21,7 +21,7 @@
   padding: 2px;
   opacity: 0.4;
   color: var(--color13);
-  transition: opacity 0.15s color 0.15s;
+  transition: opacity 0.15s, color 0.15s;
 }
 
 .root:hover .voteButton {
diff --git a/frontend/apps/remark42/app/components/comment/comment.css b/frontend/apps/remark42/app/components/comment/comment.css
index d4bae72b..999c3bd6 100644
--- a/frontend/apps/remark42/app/components/comment/comment.css
+++ b/frontend/apps/remark42/app/components/comment/comment.css
@@ -30,7 +30,7 @@
 .comment-form_type_reply {
   margin-left: 17px;
 
-  @media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer: coarse) and (max-width: 768px) {
+  @media (pointer: coarse) and (max-width: 768px) {
     margin-left: 0;
   }
 }
diff --git a/frontend/apps/remark42/app/components/comment/raw-content.css b/frontend/apps/remark42/app/components/comment/raw-content.css
index 904358d5..3f9c1a44 100644
--- a/frontend/apps/remark42/app/components/comment/raw-content.css
+++ b/frontend/apps/remark42/app/components/comment/raw-content.css
@@ -1,5 +1,5 @@
 .raw-content {
-  word-wrap: break-word;
+  overflow-wrap: break-word;
 
   & > *:first-child {
     margin-top: 0;
diff --git a/frontend/apps/remark42/app/components/icon-button/icon-button.module.css b/frontend/apps/remark42/app/components/icon-button/icon-button.module.css
index f44a3a0f..5ea04a9d 100644
--- a/frontend/apps/remark42/app/components/icon-button/icon-button.module.css
+++ b/frontend/apps/remark42/app/components/icon-button/icon-button.module.css
@@ -4,13 +4,13 @@
   border: 0;
   margin: 0;
   padding: 4px;
-  transition: transfrom 0.15s ease-out;
+  transition: transform 0.15s ease-out;
   border-radius: 2px;
   appearance: none;
 
   &:hover {
     transform: scale(1.06);
-    transition: transfrom 0.15s ease-in;
+    transition: transform 0.15s ease-in;
   }
 
   &:active {
diff --git a/frontend/apps/remark42/app/styles/global.css b/frontend/apps/remark42/app/styles/global.css
index 0778235a..64862a27 100644
--- a/frontend/apps/remark42/app/styles/global.css
+++ b/frontend/apps/remark42/app/styles/global.css
@@ -6,6 +6,7 @@ body {
   font-family: system-ui;
   font-size: 14px;
   color: rgb(var(--primary-text-color));
+  background: transparent;
   box-sizing: border-box;
 }
 
@@ -60,8 +61,6 @@ a {
 }
 
 .preloader {
-  /* stylelint-disable-next-line */
-  color: #fff;
   color: var(--color6, #fff);
   position: relative;
   transform: translate3d(0, -10px, 0);
@@ -86,8 +85,6 @@ a {
 
 .preloader_view_iframe {
   margin: 0 auto;
-  /* stylelint-disable-next-line */
-  color: #888;
   color: var(--color13, #888);
 }
 
diff --git a/frontend/apps/remark42/app/utils/create-iframe.ts b/frontend/apps/remark42/app/utils/create-iframe.ts
index ff531f5d..bd577453 100644
--- a/frontend/apps/remark42/app/utils/create-iframe.ts
+++ b/frontend/apps/remark42/app/utils/create-iframe.ts
@@ -10,13 +10,8 @@ export function createIframe({ __colors__, styles, ...params }: Params) {
   setAttributes(iframe, {
     src: `${BASE_URL}/web/iframe.html?${query}`,
     name: JSON.stringify({ __colors__ }),
-    frameborder: '0',
-    allowtransparency: 'true',
-    scrolling: 'no',
     tabindex: '0',
     title: 'Comments | Remark42',
-    horizontalscrolling: 'no',
-    verticalscrolling: 'no',
   });
   setStyles(iframe, {
     height: '100%',
diff --git a/frontend/apps/remark42/templates/demo.ejs b/frontend/apps/remark42/templates/demo.ejs
index 2c3f8730..2c04a4ad 100644
--- a/frontend/apps/remark42/templates/demo.ejs
+++ b/frontend/apps/remark42/templates/demo.ejs
@@ -39,7 +39,7 @@
       }
 
       .widget__comments-frame {
-        border: 1px dashed #aaa;
+        border: none;
         width: 35rem;
         max-width: 100%;
       }
@@ -73,7 +73,7 @@
       <div class="widgets">
         <div class="widget widgets__widget widgets__comments-widget">
           <a class="widget__link" href="<%= htmlWebpackPlugin.options.REMARK_URL %>/web/last-comments.html">Last comments widget page</a><br />
-          <iframe class="widget__frame widget__comments-frame" src="<%= htmlWebpackPlugin.options.REMARK_URL %>/web/last-comments.html" frameborder="0"></iframe>
+          <iframe class="widget__frame widget__comments-frame" src="<%= htmlWebpackPlugin.options.REMARK_URL %>/web/last-comments.html"></iframe>
         </div>
         <div class="widget widgets__widget widgets__counter-widget">
           <a class="widget__link" href="<%= htmlWebpackPlugin.options.REMARK_URL %>/web/counter.html">Counter widget page</a><br />