diff --git a/frontend/.size-limit.js b/frontend/.size-limit.js
index 6fc238c8..a6495759 100644
--- a/frontend/.size-limit.js
+++ b/frontend/.size-limit.js
@@ -15,10 +15,6 @@ module.exports = [
     path: 'public/last-comments.mjs',
     limit: '32 KB',
   },
-  {
-    path: 'public/last-comments.css',
-    limit: '6 KB',
-  },
   {
     path: 'public/deleteme.mjs',
     limit: '11 KB',
diff --git a/frontend/app/components/button/_kind/_link/button_kind_link.css b/frontend/app/components/button/_kind/_link/button_kind_link.css
index efc59116..faf2e6f8 100644
--- a/frontend/app/components/button/_kind/_link/button_kind_link.css
+++ b/frontend/app/components/button/_kind/_link/button_kind_link.css
@@ -1,6 +1,6 @@
 .button_kind_link {
   background: transparent;
-  font-weight: bold;
+  font-weight: 600;
   color: var(--color9);
 
   &:hover {
diff --git a/frontend/app/components/comment-form/__field/comment-form__field.css b/frontend/app/components/comment-form/__field/comment-form__field.css
index ee7165b2..2934b674 100644
--- a/frontend/app/components/comment-form/__field/comment-form__field.css
+++ b/frontend/app/components/comment-form/__field/comment-form__field.css
@@ -9,7 +9,6 @@
   min-height: var(--height);
   padding: 10px 12px;
   margin: 0;
-  font-family: 'PT Sans', Helvetica, Arial, sans-serif;
   font-size: 16px;
   line-height: 1.4;
   border: 0;
diff --git a/frontend/app/components/comment/__action/comment__action.css b/frontend/app/components/comment/__action/comment__action.css
index 0c4840a3..53d7e21c 100644
--- a/frontend/app/components/comment/__action/comment__action.css
+++ b/frontend/app/components/comment/__action/comment__action.css
@@ -1,7 +1,6 @@
 .comment__action {
   font-size: 14px;
   vertical-align: middle;
-  font-weight: normal;
 
   & + .comment__action {
     margin-left: 8px;
diff --git a/frontend/app/components/comment/__control/comment__control.css b/frontend/app/components/comment/__control/comment__control.css
index db1e4cfe..efbe0e32 100644
--- a/frontend/app/components/comment/__control/comment__control.css
+++ b/frontend/app/components/comment/__control/comment__control.css
@@ -1,6 +1,5 @@
 .comment__control {
   margin-right: 8px;
-  color: var(--color33);
 
   &:last-child {
     margin-right: 0;
diff --git a/frontend/app/components/comment/__controls/comment__controls.css b/frontend/app/components/comment/__controls/comment__controls.css
index c01d01bd..aaa1e48a 100644
--- a/frontend/app/components/comment/__controls/comment__controls.css
+++ b/frontend/app/components/comment/__controls/comment__controls.css
@@ -3,10 +3,10 @@
   vertical-align: middle;
   user-select: none;
   font-size: 14px;
-  font-weight: 700;
 
   @media (hover: hover) {
     opacity: 0;
+    transition: opacity 0.15s;
 
     &:hover,
     &:focus-within {
diff --git a/frontend/app/components/comment/comment.css b/frontend/app/components/comment/comment.css
index e8448115..d4bae72b 100644
--- a/frontend/app/components/comment/comment.css
+++ b/frontend/app/components/comment/comment.css
@@ -2,7 +2,7 @@
   display: block;
   padding: 12px 0 8px;
   font-size: 16px;
-  line-height: 1.2;
+  line-height: 1.4;
   transition: background 0.3s ease-in-out;
 
   @media (hover: hover) {
diff --git a/frontend/app/components/comment/comment.tsx b/frontend/app/components/comment/comment.tsx
index e21da6a2..991ddeb3 100644
--- a/frontend/app/components/comment/comment.tsx
+++ b/frontend/app/components/comment/comment.tsx
@@ -398,18 +398,15 @@ export class Comment extends Component<CommentProps, State> {
     if (isAdmin) {
       controls.push(
         this.state.isCopied ? (
-          <span className="comment__control comment__control_view_inactive">
+          <span className="comment__control comment__control_view_inactive comment__action">
             <FormattedMessage id="comment.copied" defaultMessage="Copied!" />
           </span>
         ) : (
-          <Button kind="link" onClick={this.copyComment} mix="comment__control">
+          <Button kind="link" onClick={this.copyComment} mix={['comment__control', 'comment__action']}>
             <FormattedMessage id="comment.copy" defaultMessage="Copy" />
           </Button>
-        )
-      );
-
-      controls.push(
-        <Button kind="link" onClick={this.togglePin} mix="comment__control">
+        ),
+        <Button kind="link" onClick={this.togglePin} mix={['comment__control', 'comment__action']}>
           {this.props.data.pin ? (
             <FormattedMessage id="comment.unpin" defaultMessage="Unpin" />
           ) : (
@@ -421,7 +418,7 @@ export class Comment extends Component<CommentProps, State> {
 
     if (!isCurrentUser) {
       controls.push(
-        <Button kind="link" onClick={this.hideUser} mix="comment__control">
+        <Button kind="link" onClick={this.hideUser} mix={['comment__control', 'comment__action']}>
           <FormattedMessage id="comment.hide" defaultMessage="Hide" />
         </Button>
       );
@@ -430,7 +427,7 @@ export class Comment extends Component<CommentProps, State> {
     if (isAdmin) {
       if (this.props.isUserBanned) {
         controls.push(
-          <Button kind="link" onClick={this.onUnblockUserClick} mix="comment__control">
+          <Button kind="link" onClick={this.onUnblockUserClick} mix={['comment__control', 'comment__action']}>
             <FormattedMessage id="comment.unblock" defaultMessage="Unblock" />
           </Button>
         );
@@ -456,7 +453,7 @@ export class Comment extends Component<CommentProps, State> {
 
       if (!this.props.data.delete) {
         controls.push(
-          <Button kind="link" onClick={this.deleteComment} mix="comment__control">
+          <Button kind="link" onClick={this.deleteComment} mix={['comment__control', 'comment__action']}>
             <FormattedMessage id="comment.delete" defaultMessage="Delete" />
           </Button>
         );
diff --git a/frontend/app/components/list-comments/list-comments.module.css b/frontend/app/components/list-comments/list-comments.module.css
deleted file mode 100644
index f5122fac..00000000
--- a/frontend/app/components/list-comments/list-comments.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.root {
-  font-family: 'PT Sans', Helvetica, Arial, sans-serif;
-}
diff --git a/frontend/app/components/list-comments/list-comments.tsx b/frontend/app/components/list-comments/list-comments.tsx
index 332e6c3e..4c23492a 100644
--- a/frontend/app/components/list-comments/list-comments.tsx
+++ b/frontend/app/components/list-comments/list-comments.tsx
@@ -1,12 +1,9 @@
 import { h } from 'preact';
 import { useIntl } from 'react-intl';
-import clsx from 'clsx';
 
 import type { Comment as CommentType } from 'common/types';
 import { Comment } from 'components/comment';
 
-import styles from './list-comments.module.css';
-
 type Props = {
   comments: CommentType[];
 };
@@ -15,7 +12,7 @@ export function ListComments({ comments = [] }: Props) {
   const intl = useIntl();
 
   return (
-    <div className={clsx('comments-list', styles.root)}>
+    <div className="comments-list">
       {comments.map((comment) => (
         <Comment
           intl={intl}
diff --git a/frontend/app/components/raw-content/raw-content.css b/frontend/app/components/raw-content/raw-content.css
index c054578c..7e9b5e9c 100644
--- a/frontend/app/components/raw-content/raw-content.css
+++ b/frontend/app/components/raw-content/raw-content.css
@@ -14,7 +14,7 @@
 
   & p,
   & blockquote {
-    margin: 1rem 0;
+    margin: 0.5rem 0;
 
     &:first-child {
       margin-top: 0;
@@ -23,13 +23,6 @@
     &:last-child {
       margin-bottom: 0;
     }
-
-    /* imported comments have br instead of p */
-    & br {
-      content: '';
-      display: block;
-      margin-top: 1rem;
-    }
   }
 
   & a {
diff --git a/frontend/app/last-comments.tsx b/frontend/app/last-comments.tsx
index 2f5acb3b..ca5cfecb 100644
--- a/frontend/app/last-comments.tsx
+++ b/frontend/app/last-comments.tsx
@@ -7,6 +7,8 @@ import { loadLocale } from 'utils/loadLocale';
 import { getLocale } from 'utils/getLocale';
 import { ListComments } from 'components/list-comments';
 
+import 'styles/global.css';
+
 const LAST_COMMENTS_NODE_CLASSNAME = 'remark42__last-comments';
 const DEFAULT_LAST_COMMENTS_MAX = 15;
 
diff --git a/frontend/app/styles/global.css b/frontend/app/styles/global.css
index 68808ce8..1ab849bb 100644
--- a/frontend/app/styles/global.css
+++ b/frontend/app/styles/global.css
@@ -3,14 +3,18 @@ body {
   -moz-osx-font-smoothing: grayscale;
   margin: 0;
   padding: 6px;
-  font-family: "PT Sans", Helvetica, Arial, sans-serif;
+  font-family: system-ui;
+  font-size: 14px;
   color: rgb(var(--primary-text-color));
   box-sizing: border-box;
 }
 
 input,
+textarea,
+select,
 button {
   font-family: inherit;
+  font-size: inherit;
   color: inherit;
 }
 
@@ -19,7 +23,6 @@ button {
   margin: 0;
   border: 0;
   background: unset;
-  font-size: inherit;
   transition-property: color, background, border-color;
   transition-timing-function: linear;
   transition-duration: 150ms;
diff --git a/frontend/templates/last-comments.ejs b/frontend/templates/last-comments.ejs
index 77240412..4c2d1030 100644
--- a/frontend/templates/last-comments.ejs
+++ b/frontend/templates/last-comments.ejs
@@ -16,7 +16,7 @@
       }
     </style>
     <% if (htmlWebpackPlugin.options.env === 'production') { %>
-    <link rel="stylesheet" href="last-comments.css" />
+    <link rel="stylesheet" href="remark42.css" />
     <% } %>
   </head>
   <body>
diff --git a/frontend/templates/markdown-help.html b/frontend/templates/markdown-help.html
index 4a01a4ed..01cd3e73 100644
--- a/frontend/templates/markdown-help.html
+++ b/frontend/templates/markdown-help.html
@@ -54,7 +54,7 @@
       }
 
       body {
-        font: 16px/26px Helvetica, "Helvetica Neue", Arial, sans-serif;
+        font: 16px/26px Helvetica, 'Helvetica Neue', Arial, sans-serif;
       }
 
       .wrapper {