diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index cff0691..1db21b7 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -1,13 +1,13 @@
-<div class="d-flex w-100 h-100 flex-column justify-content-center align-items-center" style="background-color: #1976d2">
+<div class="d-flex w-100 h-100 flex-column justify-content-center align-items-center px-4" style="background-color: #1976d2">
     <div>
-        <img src="assets/images/logo.png">
+        <img src="assets/images/logo.png" width="100%" height="auto">
     </div>
-    <div class="my-5">
+    <div class="my-5 text-center">
         <h3 class="text-white">Collaborative map making... {{typedText | async}}</h3>
     </div>
     <div>
         <div class="row">
-            <div class="col border-right border-white">
+            <div class="col">
                 <button mat-flat-button class="w-100 text-white" style="background-color: #dd4b39">
                     <i class="fab fa-google mr-2"></i> Sign in with Google
                 </button>
@@ -18,7 +18,7 @@
                     <i class="fab fa-facebook mr-2"></i>Sign in with Facebook
                 </button>
             </div>
-            <div class="col border-left border-white">
+            <div class="col mt-5 mt-md-0">
                 <button mat-flat-button class="w-100 text-white" style="background-color: #dd0330" (click)="new()">
                     <mat-icon>add</mat-icon> New Map
                 </button>