diff --git a/.stylelintrc b/.stylelintrc
index 1db7ba83c..afc8dce1c 100644
--- a/.stylelintrc
+++ b/.stylelintrc
@@ -3,7 +3,6 @@
   "extends": [
     "stylelint-config-recommended"
     ],
-   "syntax": "scss",
    "rules": {
       "at-rule-no-unknown": true,
       "block-no-empty": true,
@@ -24,7 +23,7 @@
       "keyframe-declaration-no-important": true,
       "property-no-vendor-prefix": true,
       "media-feature-name-no-unknown": true,
-      "no-descending-specificity": true,
+      "no-descending-specificity": [true, { "severity": "warning" }],
       "no-duplicate-at-import-rules": true,
       "no-duplicate-selectors": true,
       "no-empty-source": true,
@@ -33,7 +32,7 @@
       "property-no-unknown": true,
       "selector-pseudo-class-no-unknown": true,
       "selector-pseudo-element-no-unknown": true,
-      "selector-type-no-unknown": true,
+      "selector-type-no-unknown": [true, { "severity": "warning" }],
       "string-no-newline": true,
       "unit-no-unknown": true
    }
diff --git a/src/webui/components/Footer/styles.js b/src/webui/components/Footer/styles.js
index 82938d428..846c2da8b 100644
--- a/src/webui/components/Footer/styles.js
+++ b/src/webui/components/Footer/styles.js
@@ -37,7 +37,6 @@ export const Inner = styled.div`
 
 export const Left = styled.div`
   && {
-    display: flex;
     align-items: center;
     display: none;
     ${mq.medium(css`
@@ -61,7 +60,7 @@ export const ToolTip = styled.span`
 
 export const Earth = styled(Icon)`
   && {
-    padding 0 10px;
+    padding: 0 10px;
   }
 `;
 
@@ -105,4 +104,4 @@ export const Flag = styled(Icon)`
   }
 `;
 
-export const Logo = styled(Flag)``;
+export const Logo = Flag;
diff --git a/src/webui/components/Header/styles.js b/src/webui/components/Header/styles.js
index 42678a40d..43bea64e0 100644
--- a/src/webui/components/Header/styles.js
+++ b/src/webui/components/Header/styles.js
@@ -70,7 +70,6 @@ export const SearchWrapper = styled.div`
     display: none;
     max-width: 393px;
     width: 100%;
-    display: none;
   }
 `;
 
diff --git a/src/webui/components/Package/styles.js b/src/webui/components/Package/styles.js
index dfb8074f4..d7f031159 100644
--- a/src/webui/components/Package/styles.js
+++ b/src/webui/components/Package/styles.js
@@ -164,7 +164,7 @@ export const Footer = styled.div`
 export const Wrapper = styled(Link)`
   && {
     font-size: 12px;
-    background-color: #fff;
+    background-color: white;
     margin: 0 0 15px 0;
     transition: box-shadow 0.15s;
     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
diff --git a/src/webui/components/Spinner/styles.js b/src/webui/components/Spinner/styles.js
index 0ca240001..f219f5881 100644
--- a/src/webui/components/Spinner/styles.js
+++ b/src/webui/components/Spinner/styles.js
@@ -19,10 +19,12 @@ export const Wrapper = styled.div`
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
-      `}
+      `};
+  }
 `;
 
 export const Circular = styled(CircularProgress)`
   && {
-    color: ${colors.primary}
+    color: ${colors.primary};
+  }
 `;
diff --git a/tools/webpack.config.js b/tools/webpack.config.js
index 9771971bc..348a55c97 100644
--- a/tools/webpack.config.js
+++ b/tools/webpack.config.js
@@ -16,10 +16,9 @@ module.exports = {
 
   plugins: [
     new StyleLintPlugin({
-      files: ['src/**/*.scss'],
+      files: ['src/webui/**/styles.js'],
       failOnError: false,
-      emitErrors: true,
-      syntax: 'scss',
+      emitErrors: true
     }),
   ],
 
diff --git a/tools/webpack.dev.config.babel.js b/tools/webpack.dev.config.babel.js
index 6c59a55f9..198412f03 100644
--- a/tools/webpack.dev.config.babel.js
+++ b/tools/webpack.dev.config.babel.js
@@ -46,10 +46,9 @@ export default {
     new webpack.NoEmitOnErrorsPlugin(),
     new FriendlyErrorsPlugin(),
     new StyleLintPlugin({
-      files: ['src/**/*.scss'],
+      files: ['src/webui/**/styles.js'],
       failOnError: false,
-      emitErrors: false,
-      syntax: 'scss',
+      emitErrors: false
     }),
   ],
 };