diff --git a/apps/forum/src/root.component.tsx b/apps/forum/src/root.component.tsx
index 26df1f347..785b62d26 100644
--- a/apps/forum/src/root.component.tsx
+++ b/apps/forum/src/root.component.tsx
@@ -9,6 +9,7 @@ import { API } from "@aws-amplify/api";
 
 import "@app/utils/i18n";
 import "@app/styles/main.css";
+import "@app/styles/common.css";
 
 configAuth();
 
diff --git a/apps/forum/src/styles/common.css b/apps/forum/src/styles/common.css
new file mode 100644
index 000000000..246a6d094
--- /dev/null
+++ b/apps/forum/src/styles/common.css
@@ -0,0 +1,66 @@
+*,
+*:before,
+*:after {
+  box-sizing: border-box;
+}
+
+html {
+  height: 100%;
+  font-size: 63%;
+}
+
+body {
+  font-family: Segoe UI, Yu Gothic Medium, Lato !important;
+  font-size: 1.6rem;
+  font-display: swap;
+}
+
+p,
+a,
+button,
+.header,
+.button {
+  font-family: Segoe UI, Yu Gothic Medium, Lato !important;
+  font-display: swap;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+b {
+  font-family: Lato, Yu Gothic Medium, Segoe UI !important;
+  font-display: swap;
+}
+
+h1 {
+  font-size: 36px;
+}
+h2 {
+  font-size: 32px;
+}
+h3 {
+  font-size: 28px;
+}
+h4 {
+  font-size: 24px;
+}
+h5 {
+  font-size: 20px;
+}
+h6 {
+  font-size: 16px;
+}
+p,
+a {
+  font-size: 14px;
+}
+small {
+  font-size: 12px;
+}
+
+a:focus {
+  outline: 0;
+}