diff --git a/stories/components/file/file.style.stories.js b/stories/components/file/file.style.stories.js
index 2f3dd5dc1d..253bed8b78 100644
--- a/stories/components/file/file.style.stories.js
+++ b/stories/components/file/file.style.stories.js
@@ -34,7 +34,7 @@ export const customCSSProperties = () => html`
       --file-margin: 3px 4px;
       --file-line1-font-size: 15px;
       --file-line1-font-weight: 500;
-      --file-line1-color: gray;
+      --file-line1-color: blue;
       --file-line1-text-transform: capitalize;
       --file-line2-font-size:14px;
       --file-line2-font-weight:300;
diff --git a/stories/components/login/login.styles.stories.js b/stories/components/login/login.styles.stories.js
index f9622cc39b..510023d84e 100644
--- a/stories/components/login/login.styles.stories.js
+++ b/stories/components/login/login.styles.stories.js
@@ -18,18 +18,18 @@ export const customCSSProperties = () => html`
 <mgt-login class="login"></mgt-login>
 <style>
   .login {
-    --login-signed-out-button-background: red;
+    --login-signed-out-button-background: yellow;
     --login-signed-out-button-hover-background: orange;
-    --login-signed-out-button-text-color: purple;
-    --login-signed-in-background: red;
+    --login-signed-out-button-text-color: maroon;
+    --login-signed-in-background: yellow;
     --login-signed-in-hover-background: green;
     --login-button-padding:5px;
     --login-popup-background-color: blue;
     --login-popup-command-button-background-color: orange;
     --login-popup-padding: 8px;
-    --login-add-account-button-text-color: yellow;
-    --login-add-account-button-background-color: red;
-    --login-add-account-button-hover-background-color: purple;
+    --login-add-account-button-text-color: maroon;
+    --login-add-account-button-background-color: yellow;
+    --login-add-account-button-hover-background-color: white;
     --login-command-button-background-color: orange;
     --login-command-button-hover-background-color: purple;
     --login-command-button-text-color: black;
@@ -37,8 +37,8 @@ export const customCSSProperties = () => html`
     --login-flyout-command-text-color: maroon;
 
     /** person component tokens **/
-    --person-line1-text-color: whitesmoke;
-    --person-line2-text-color: white;
+    --person-line1-text-color: maroon;
+    --person-line2-text-color: maroon;
     --person-background-color: blue;
   }
 </style>