diff --git a/public/index.html b/public/index.html
index 1457b1e..55b861e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -29,4 +29,19 @@
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
   </body>
+
+  <script type="text/javascript">
+    (function (c, l, a, r, i, t, y) {
+      c[a] =
+        c[a] ||
+        function () {
+          (c[a].q = c[a].q || []).push(arguments);
+        };
+      t = l.createElement(r);
+      t.async = 1;
+      t.src = "https://www.clarity.ms/tag/" + i;
+      y = l.getElementsByTagName(r)[0];
+      y.parentNode.insertBefore(t, y);
+    })(window, document, "clarity", "script", "kr0pale8uy");
+  </script>
 </html>
diff --git a/src/Components/SideMenu/index.js b/src/Components/SideMenu/index.js
index ebe3cc3..c2795c3 100644
--- a/src/Components/SideMenu/index.js
+++ b/src/Components/SideMenu/index.js
@@ -182,6 +182,10 @@ export function SideMenuContent({
           }}
         >
           <ZeitAdler width={200} height={60} />
+
+          {isDevelopmentEnv() && (
+            <p style={{ color: "#6878d6", fontWeight: "bold" }}>DEV</p>
+          )}
         </div>
 
         <div style={{ overflowY: "scroll" }}>