diff --git a/src/feedback/Loader/loader.stories.tsx b/src/feedback/Loader/loader.stories.tsx
index d2e7fe41..0627356a 100644
--- a/src/feedback/Loader/loader.stories.tsx
+++ b/src/feedback/Loader/loader.stories.tsx
@@ -20,5 +20,5 @@ export const loader = (): React.ReactElement => (
 );
 
 export const withColor = (): React.ReactElement => (
-  <Loader size="md" color="rinkeby" />
+  <Loader size="sm" color="pending" />
 );
diff --git a/src/theme.ts b/src/theme.ts
index 1fa91220..803af103 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -30,6 +30,7 @@ const theme = {
     background: '#F7F5F5',
     white: '#ffffff',
     warning: '#FFC05F',
+    pending: '#E8663D',
 
     disabled: {
       opacity: 0.5,
@@ -78,7 +79,8 @@ const theme = {
   },
   loader: {
     size: {
-      xs: '10px',
+      xxs: '10px',
+      xs: '16px',
       sm: '30px',
       md: '50px',
       lg: '70px',