border adjustment

app.py

@@ -9,9 +9,9 @@ css = "@import url(https://fonts.googleapis.com/css2?family=Silkscreen&display=s
       ".tabitem{background-color:#002366}#component-1{min-height:75vh}#component-4{" \
       "margin-top:auto}.tabs.svelte-btpldm{height:100%}.tabitem{border:1px solid #fff}#component-48,#component-51{" \
       "position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(" \
-      "-50%);width:50%;height:50vh;padding:70px 20px 20px;background-color:#fff;border:1px solid " \
+      "-50%);width:50%;height:50vh;padding:80px 20px 20px;background-color:#fff;border:1px solid " \
       "#002366}#component-49{position:initial}#component-50,#component-62{" \
-      "position:absolute;top:5%;right:5%;width:44px;height:44px;min-width:44px;min-height:44px}"
+      "position:absolute;top:20px;right:20px;width:44px;height:44px;min-width:44px;min-height:44px}"
 
 with gr.Blocks(theme=theme, css=css) as iface:
     chatbot = []

style.css

@@ -34,7 +34,7 @@
     transform: translateX(-50%) translateY(-50%);
     width: 50%;
     height: 50vh;
-    padding: 70px 20px 20px;
+    padding: 80px 20px 20px;
     background-color: #fff;
     border: 1px solid #002366;
 }
@@ -45,8 +45,8 @@
 
 #component-50, #component-62 {
     position: absolute;
-    top: 5%;
-    right: 5%;
+    top: 20px;
+    right: 20px;
     width: 44px;
     height: 44px;
     min-width: 44px;