1 files changed, 15 insertions, 3 deletions
diff --git a/app/javascript/styles/custom.scss b/app/javascript/styles/custom.scss
index 8c6c12316..aa3fb9f0c 100644
--- a/app/javascript/styles/custom.scss
+++ b/app/javascript/styles/custom.scss
@@ -12,13 +12,25 @@ body {
 @media screen and (min-width: 1300px) { 
   .column {
     flex-grow: 1 !important;
-    max-width: 400px;
+    max-width: 500px;
   }
 
   .drawer {
-    width: 17%;
-    max-width: 400px;
+    width: 20%;
   }
+
+  .columns-area { 
+    justify-content: center; 
+  } 
+}
+
+@media screen and (min-width: 1900px) { 
+  .column, .drawer { 
+    width: 400px; 
+    border-radius: 4px; 
+    height: 96vh; 
+    margin-top: 2vh; 
+  } 
 }
 
 .muted {