diff --git a/app/assets/stylesheets/app/_main.scss b/app/assets/stylesheets/app/_main.scss
index 1a3e29895..b71e01bac 100644
--- a/app/assets/stylesheets/app/_main.scss
+++ b/app/assets/stylesheets/app/_main.scss
@@ -145,7 +145,7 @@ $section-header-height: 70px;
     height: 100%;
     max-height: calc(100vh - #{$header-height});
     float: left;
-    overflow-y: auto;;
+    overflow-y: auto;
     overflow-x: hidden;
     min-width: 0;
 
diff --git a/app/assets/stylesheets/app/_notes.scss b/app/assets/stylesheets/app/_notes.scss
index 4f05bf620..51f7682bc 100644
--- a/app/assets/stylesheets/app/_notes.scss
+++ b/app/assets/stylesheets/app/_notes.scss
@@ -2,13 +2,13 @@
   width: 25%;
   border-left: 1px solid #dddddd;
   border-right: 1px solid #dddddd;
-  // overflow-y: hidden !important;
-  // height: calc(100vh - 130px) !important;
+
+  $notes-title-bar-height: 130px;
 
   .notes-title-bar {
     color: rgba(black, 0.40);
     padding-top: 16px !important;
-    height: 130px !important;
+    height: $notes-title-bar-height !important;
     font-weight: normal !important;
     font-size: 18px !important;
   }
@@ -42,7 +42,7 @@
   }
 
   .scrollable {
-    height: calc(100vh - (130px + #{$header-height}));
+    height: calc(100vh - (#{$notes-title-bar-height} + #{$header-height}));
   }
 
   .infinite-scroll {