diff --git a/web/src/less/usage-heat-map.less b/web/src/less/usage-heat-map.less
index a573de3c..e31abc92 100644
--- a/web/src/less/usage-heat-map.less
+++ b/web/src/less/usage-heat-map.less
@@ -6,7 +6,7 @@
 @stat-day-L4-bg: #216e39;
 
 .usage-heat-map-wrapper {
-  @apply flex flex-row justify-start items-center w-full h-32 flex-wrap pr-6 pb-3;
+  @apply flex flex-row justify-start items-center w-full h-32 flex-wrap pr-6 pb-3 shrink-0;
 
   > .day-tip-text-container {
     @apply w-6 h-full grid grid-rows-7;
diff --git a/web/src/less/user-banner.less b/web/src/less/user-banner.less
index 8b052a29..0b7b32f6 100644
--- a/web/src/less/user-banner.less
+++ b/web/src/less/user-banner.less
@@ -1,7 +1,7 @@
 @import "./mixin.less";
 
 .user-banner-container {
-  @apply flex flex-row justify-between items-center relative w-full h-auto px-6 flex-nowrap mb-1;
+  @apply flex flex-row justify-between items-center relative w-full h-10 px-6 flex-nowrap mb-1 shrink-0;
 
   > .username-container {
     @apply shrink flex flex-row justify-start items-center flex-nowrap truncate;