diff --git a/client/styles/main.scss b/client/styles/main.scss
index 72c72cf..ef18d3f 100644
--- a/client/styles/main.scss
+++ b/client/styles/main.scss
@@ -234,6 +234,29 @@ hr {
     border-bottom: 2px dotted #555;
 }
 
+.math {
+    max-width: 100%;
+    overflow-x: auto;
+}
+
+.math.math-inline {
+    display: inline-grid;
+}    
+
+@media screen and (min-width: $device-m-width) {
+    .math {
+        max-width: 100%;
+        overflow-x: auto;
+    }
+}
+
+@media screen and (max-width: $device-m-width) {
+    .math {
+        max-width: calc(100vw - 3.5rem);
+        overflow-x: auto;
+    }
+}
+
 .math-inline {
     font-size: 95%;
 }
@@ -856,6 +879,7 @@ header {
 
     @media screen and (max-width: $device-m-width), (pointer: coarse) {
         flex-direction: column;
+        max-width: 100%;
 
         .editor textarea,
         .preview .preview-content {
diff --git a/index.html b/index.html
index 1aa5984..91c0ab7 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
         <title>PHC | Problemi</title>
+        <link rel="icon" type="image/png" href="/favicon/android-chrome-512x512.png" />
 
         <link rel="preconnect" href="https://fonts.googleapis.com" />
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
diff --git a/public/favicon.zip b/public/favicon.zip
new file mode 100644
index 0000000..6c83a53
Binary files /dev/null and b/public/favicon.zip differ
diff --git a/public/favicon/about.txt b/public/favicon/about.txt
new file mode 100644
index 0000000..40be84d
--- /dev/null
+++ b/public/favicon/about.txt
@@ -0,0 +1,6 @@
+This favicon was generated using the following font:
+
+- Font Title: Lato
+- Font Author: Copyright (c) 2010-2011 by tyPoland Lukasz Dziedzic (team@latofonts.com) with Reserved Font Name "Lato". Licensed under the SIL Open Font License, Version 1.1.
+- Font Source: http://fonts.gstatic.com/s/lato/v23/S6uyw4BMUTPHvxk6XweuBCY.ttf
+- Font License: SIL Open Font License, 1.1 (http://scripts.sil.org/OFL))
diff --git a/public/favicon/android-chrome-192x192.png b/public/favicon/android-chrome-192x192.png
new file mode 100644
index 0000000..34f0733
Binary files /dev/null and b/public/favicon/android-chrome-192x192.png differ
diff --git a/public/favicon/android-chrome-512x512.png b/public/favicon/android-chrome-512x512.png
new file mode 100644
index 0000000..117123f
Binary files /dev/null and b/public/favicon/android-chrome-512x512.png differ
diff --git a/public/favicon/apple-touch-icon.png b/public/favicon/apple-touch-icon.png
new file mode 100644
index 0000000..3958bdd
Binary files /dev/null and b/public/favicon/apple-touch-icon.png differ
diff --git a/public/favicon/favicon-16x16.png b/public/favicon/favicon-16x16.png
new file mode 100644
index 0000000..8be047c
Binary files /dev/null and b/public/favicon/favicon-16x16.png differ
diff --git a/public/favicon/favicon-32x32.png b/public/favicon/favicon-32x32.png
new file mode 100644
index 0000000..10dcac5
Binary files /dev/null and b/public/favicon/favicon-32x32.png differ
diff --git a/public/favicon/favicon.ico b/public/favicon/favicon.ico
new file mode 100644
index 0000000..01d5c76
Binary files /dev/null and b/public/favicon/favicon.ico differ
diff --git a/public/favicon/site.webmanifest b/public/favicon/site.webmanifest
new file mode 100644
index 0000000..45dc8a2
--- /dev/null
+++ b/public/favicon/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file