diff --git a/src/components/atoms/progressBar/children/progresBarStyles.ts b/src/components/atoms/progressBar/children/progresBarStyles.ts
index b24cd1766..d9e17ae89 100644
--- a/src/components/atoms/progressBar/children/progresBarStyles.ts
+++ b/src/components/atoms/progressBar/children/progresBarStyles.ts
@@ -2,12 +2,13 @@ import EStyleSheet from 'react-native-extended-stylesheet';
 
 export default EStyleSheet.create({
     container:{
-        backgroundColor:'$primaryLightGray',
+        backgroundColor:'$primaryLightBackground',
         flexDirection:'row',
         borderRadius:16,
-        maxHeight:16,
-        flexGrow:1,
-        marginVertical:8,
+        height:16,
+        alignSelf:'stretch',
+        marginHorizontal:8,
+        marginBottom:12,
     },
     filled:{
         borderRadius:16,