2 files changed, 20 insertions, 0 deletions
diff --git a/assets/public/css/app.css b/assets/public/css/app.css
index e23b16e..e23d13d 100644
--- a/assets/public/css/app.css
+++ b/assets/public/css/app.css
@@ -47,8 +47,15 @@ main {
     }
 }
 
+@media (min-width: 1400px) {
+    main {
+        width: 50%;
+    }
+}
+
 .left-segment {
     width: 315px;
+    box-sizing: border-box;
 }
 
 .right-segment {
diff --git a/assets/src/components/SharePage.svelte b/assets/src/components/SharePage.svelte
index 9fd0c59..826f70e 100644
--- a/assets/src/components/SharePage.svelte
+++ b/assets/src/components/SharePage.svelte
@@ -34,3 +34,16 @@
         }
     </style>
 </svelte:head>
+
+<style>
+    .right-segment {
+        height: 100%;
+        margin-top: 15rem;
+    }
+
+    @media (max-width: 850px) {
+        .right-segment {
+            margin-top: 0;
+        }
+    }
+</style>