From 0ffa10324c1e609b8a3620f41c73692c209045f0 Mon Sep 17 00:00:00 2001
From: Yannik Messerli <yannik@Yanniks-MacBook-Air.local>
Date: Thu, 8 Feb 2024 11:31:39 +0100
Subject: [PATCH] Allow welcome screen to overflow with scroll and remove ugly
 overscroll on page Issue https://github.com/cilium/hubble-ui/issues/776.

---
 src/components/ServiceMapApp/WelcomeScreen.scss | 2 +-
 src/index.scss                                  | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/ServiceMapApp/WelcomeScreen.scss b/src/components/ServiceMapApp/WelcomeScreen.scss
index cdbfa95ee..5cf94cf70 100644
--- a/src/components/ServiceMapApp/WelcomeScreen.scss
+++ b/src/components/ServiceMapApp/WelcomeScreen.scss
@@ -3,7 +3,7 @@
 .wrapper {
   flex-grow: 1;
   width: 100%;
-  height: 100%;
+  overflow: auto;
 }
 
 .content {
diff --git a/src/index.scss b/src/index.scss
index ad788ffd0..291578098 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -3,8 +3,8 @@
 :global {
   html {
     box-sizing: border-box;
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial,
-      sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif,
+      'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
     height: 100%;
   }
 
@@ -23,6 +23,7 @@
     min-height: 100%;
     background-color: #fff;
     font-size: 16px;
+    overscroll-behavior: none;
   }
 
   .light {