diff --git a/app/build/tasks/lesslint-task.js b/app/build/tasks/lesslint-task.js
index 4e78d07b0..678eb5e78 100644
--- a/app/build/tasks/lesslint-task.js
+++ b/app/build/tasks/lesslint-task.js
@@ -4,9 +4,9 @@ module.exports = grunt => {
       src: ['internal_packages/**/*.less', 'dot-nylas/**/*.less', 'static/**/*.less'],
       options: {
         less: {
-          paths: ['static', 'static/style/'],
+          paths: ['static/style/', 'static/style/base/'],
         },
-        imports: ['static/style/*.less'],
+        imports: ['static/style/base/*.less'],
       },
     },
   });
diff --git a/app/static/style/components/contact-profile-photo.less b/app/static/style/components/contact-profile-photo.less
index 230fae642..facb9b4bc 100644
--- a/app/static/style/components/contact-profile-photo.less
+++ b/app/static/style/components/contact-profile-photo.less
@@ -1,3 +1,5 @@
+@import 'ui-variables';
+
 .contact-profile-photo {
   width: 50px;
   height: 50px;