diff --git a/apps/datahub/src/index.html b/apps/datahub/src/index.html
index ebcd3469..8f2d4b29 100644
--- a/apps/datahub/src/index.html
+++ b/apps/datahub/src/index.html
@@ -7,6 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
     <link
       rel="stylesheet"
       href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"
diff --git a/apps/datahub/tailwind.config.js b/apps/datahub/tailwind.config.js
index a508fc80..11f1ffeb 100644
--- a/apps/datahub/tailwind.config.js
+++ b/apps/datahub/tailwind.config.js
@@ -4,7 +4,14 @@ const { join } = require('path')
 
 module.exports = {
   ...baseConfig,
-  safelist: [...baseConfig.safelist, 'w-max', 'items-end', 'sm:h-36', 'h-20'],
+  safelist: [
+    ...baseConfig.safelist,
+    'w-max',
+    'items-end',
+    'sm:h-36',
+    'md:h-[10.5rem]',
+    'h-20',
+  ],
   theme: {
     ...baseConfig.theme,
     extend: {