diff --git a/ui/src/Components/Categories/categories.module.scss b/ui/src/Components/Categories/categories.module.scss
index ff0f9321..425cd843 100644
--- a/ui/src/Components/Categories/categories.module.scss
+++ b/ui/src/Components/Categories/categories.module.scss
@@ -2,12 +2,13 @@
 .container {
   display: flex;
   flex-direction: column;
-  width: 220px;
+  width: 250px;
   position: sticky;
   top: $spacing-6xl;
   height: 100%;
-  margin: 0 $spacing-7xl;
+  margin: 0 $spacing-5xl;
   align-self: flex-start;
+  padding-top: $spacing-s;
   padding-bottom: $spacing-l;
 }
 @media screen and (max-width: 1024px) {
@@ -17,7 +18,7 @@
 }
 
 .listItem {
-  margin: $spacing-m 0;
+  margin: $spacing-s 0;
   display: flex;
   flex-direction: row;
   justify-content: space-between;