From 27476d8b2388da21da3e3071203b2b61c90cb29d Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandro@alejandrocelaya.com>
Date: Sat, 8 Jan 2022 10:22:51 +0100
Subject: [PATCH] Added missing border in welcome screen title

---
 src/common/Home.scss | 5 +++++
 src/common/Home.tsx  | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/common/Home.scss b/src/common/Home.scss
index 91c7f381..3badce49 100644
--- a/src/common/Home.scss
+++ b/src/common/Home.scss
@@ -33,6 +33,11 @@
   }
 }
 
+.home__title-wrapper {
+  padding: 1.5rem !important;
+  border-bottom: 1px solid var(--border-color);
+}
+
 .home__title {
   text-align: center;
   font-size: 1.75rem;
diff --git a/src/common/Home.tsx b/src/common/Home.tsx
index 4b53b8b8..2ca4f42d 100644
--- a/src/common/Home.tsx
+++ b/src/common/Home.tsx
@@ -37,7 +37,7 @@ const Home = ({ servers, history }: HomeProps) => {
             </div>
           </div>
           <div className="col-md-7 home__servers-container">
-            <div className="p-4">
+            <div className="home__title-wrapper">
               <h1 className="home__title">Welcome!</h1>
             </div>
             <ServersListGroup embedded servers={serversList}>