Aligned nora password meter bar

components/lib/password/style/PasswordStyle.js

@@ -12,7 +12,7 @@ const theme = ({ dt }) => `
 
 .p-password-meter {
     height: ${dt('password.meter.height')};
-    background: ${dt('password.meter.border.color')};
+    background: ${dt('password.meter.background')};
     border-radius: ${dt('password.meter.border.radius')};
 }
 

components/lib/themes/aura/password/index.js

@@ -1,6 +1,6 @@
 export default {
     meter: {
-        borderColor: '{content.border.color}',
+        background: '{content.border.color}',
         borderRadius: '{content.border.radius}',
         height: '.75rem'
     },

components/lib/themes/lara/password/index.js

@@ -1,6 +1,6 @@
 export default {
     meter: {
-        borderColor: '{content.border.color}',
+        background: '{content.border.color}',
         borderRadius: '{content.border.radius}',
         height: '.75rem'
     },

components/lib/themes/nora/password/index.js

@@ -1,6 +1,5 @@
 export default {
     meter: {
-        borderColor: '{content.border.color}',
         borderRadius: '{content.border.radius}',
         height: '.75rem'
     },
@@ -18,6 +17,9 @@ export default {
     },
     colorScheme: {
         light: {
+            meter: {
+                background: '{surface.300}'
+            },
             strength: {
                 weakBackground: '{red.600}',
                 mediumBackground: '{yellow.600}',
@@ -25,6 +27,9 @@ export default {
             }
         },
         dark: {
+            meter: {
+                background: '{surface.600}'
+            },
             strength: {
                 weakBackground: '{red.500}',
                 mediumBackground: '{yellow.500}',