Minor improvements

Minor improvements

diff --git a/common/common.scss b/common/common.scss
index 7128b67..4b7d5b5 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -54,6 +54,7 @@ input[type="color"]:focus,
 .custom-homepage-columns {
   margin: 2em 0 2em 0;
   .col {
+    height: 30%;
     position: relative;
     @include border-radius;
     background: $color-white;
@@ -158,6 +159,14 @@ a {
   }
 }
 
+.category-list-item.category {
+  @include border-radius;
+  border-right: 1px solid var(--primary-low) !important;
+  box-shadow: 0 0 4px 0 rgba(0,0,0,.10);
+  margin: 0 0.59em 2em .59em;
+  background: white;
+}
+
 #create-topic {
   color: var(--secondary);
   background: var(--tertiary);
diff --git a/desktop/desktop.scss b/desktop/desktop.scss
index 9008bd0..87513ae 100644
--- a/desktop/desktop.scss
+++ b/desktop/desktop.scss
@@ -30,9 +30,8 @@ body:not(.navigation-categories):not(.navigation-topics) #main-outlet {
   width: 300px;
   height: 300px;
   border-radius: 30px;
-  background: -webkit-linear-gradient(146deg, rgba(74,247,255,.08) 55%, rgba(143,236,202,.52) 100%);
-  // background: linear-gradient(146deg, rgba(74,247,255,.08) 55%, rgba(143,236,202,.52) 100%);
-  background: linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
+  background: $color-square-webkit-gradient;
+  background: $color-square-gradient;
   left: 70px;
   top: 350px;
   transform: rotate(74deg);
diff --git a/scss/variables.scss b/scss/variables.scss
index 1ac9055..0ad61c6 100644
--- a/scss/variables.scss
+++ b/scss/variables.scss
@@ -7,3 +7,5 @@ $color-black: #000000;
 $color-box-shadow: #65a797;
 $color-mint: #75BDAD;
 $color-blue: #e5f8ff;
+$color-square-gradient: linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
+$color-square-webkit-gradient: -webkit-linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);

GitHub sha: d8a74c8c687c52ed990501a3d7fa99deb4663935