Avoid !important in progress spec

Author: javivelasco

spec/components/progress.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import ProgressBar from '../../components/progress_bar';
-import style from '../style'
+import style from '../style';
 
 const initialState = {
   progress: 0,
@@ -49,7 +49,7 @@ class ProgressBarTest extends React.Component {
         <p style={{margin: '10px auto'}}>Circular</p>
         <ProgressBar type='circular' mode='indeterminate'/>
         <p style={{margin: '10px auto'}}>Circular with custom size</p>
-        <ProgressBar type='circular' mode='indeterminate' className={style.customSizedProgress}/>
+        <ProgressBar className={style.customSizedProgress} type='circular' mode='indeterminate' theme={style} />
       </section>
     );
   }

spec/style.scss

@@ -141,6 +141,8 @@ $offset: 1.8 * $unit;
 }
 
 .customSizedProgress {
-  width: 40px !important;
-  height: 40px !important;
+  &.circular {
+    width: 40px;
+    height: 40px;
+  }
 }