Avoid !important in progress spec

react-toolbox · Aug 7, 2016 · f56eb82 · f56eb82
1 parent 770f55a
commit f56eb82
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/spec/components/progress.js b/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>
     );
   }

diff --git a/spec/style.scss b/spec/style.scss
@@ -141,6 +141,8 @@ $offset: 1.8 * $unit;
 }
 
 .customSizedProgress {
-  width: 40px !important;
-  height: 40px !important;
+  &.circular {
+    width: 40px;
+    height: 40px;
+  }
 }