From 130f27b696d6a95b3be680303bff4fb5987c4757 Mon Sep 17 00:00:00 2001
From: Dorothy Ewuah <dorothyewuah@gmail.com>
Date: Wed, 29 Nov 2023 01:26:57 +0000
Subject: [PATCH] finos/a11y-theme-builder#542:Removed white space at the top
 and bottom of the screen when you scroll

---
 code/src/ui/src/App.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/code/src/ui/src/App.css b/code/src/ui/src/App.css
index b07e9dc6..636cc121 100644
--- a/code/src/ui/src/App.css
+++ b/code/src/ui/src/App.css
@@ -2,6 +2,7 @@
 .html,body {
     margin: 0;
     padding: 0;
+    overflow: hidden;
 }
 
 .top40 {
@@ -47,7 +48,7 @@ p a:hover {
   display: flex;
   border-radius: 16px;
   gap: 16px;
-  background: "white";
+  background: white;
   border: 1px solid rgba(0,0,0,.15);
   min-height: 24px;
 }
@@ -90,14 +91,14 @@ p a:hover {
     height: 24px;
     margin: 10px;
     float: left;
-    border: 1px solid gray;
+    border: 1px solid rgb(128, 128, 128); /*replaced deprecated gray with rgb equivalent*/
 }
 
 .input-1 {
     width: 100%;
     height: 30px;
     font-size: var(--baseFont);
-    margin: 8px 0px;
+    margin: 8px 0;
 }
 
 .darkmode .background, .darkmode.background {