diff --git a/src/framework/ui/spinner/spinner.component.tsx b/src/framework/ui/spinner/spinner.component.tsx
index 732737aea..753fbfdb3 100644
--- a/src/framework/ui/spinner/spinner.component.tsx
+++ b/src/framework/ui/spinner/spinner.component.tsx
@@ -44,7 +44,7 @@ export type SpinnerElement = React.ReactElement<SpinnerProps>;
  * Default is `medium`.
  *
  * @property {string} status - Determines the status of the component.
- * Can be `primary`, `success`, `info`, `warning` or `danger`.
+ * Can be `primary`, `success`, `info`, `warning`, `danger` or `alternative`.
  * Default is `primary`.
  *
  * @overview-example Simple Usage
@@ -54,7 +54,7 @@ export type SpinnerElement = React.ReactElement<SpinnerProps>;
  * import { Spinner } from 'react-native-ui-kitten';
  *
  * export const SpinnerShowcase = () => (
- *  <Spinner />
+ *   <Spinner />
  * );
  * ```
  *
diff --git a/src/playground/src/ui/screen/spinner/type.ts b/src/playground/src/ui/screen/spinner/type.ts
index d23bed760..51c6066cc 100644
--- a/src/playground/src/ui/screen/spinner/type.ts
+++ b/src/playground/src/ui/screen/spinner/type.ts
@@ -75,17 +75,10 @@ const dangerSpinner: ComponentShowcaseItem = {
   },
 };
 
-const blackSpinner: ComponentShowcaseItem = {
-  title: 'Black',
+const alternativeSpinner: ComponentShowcaseItem = {
+  title: 'Alternative',
   props: {
-    status: 'black',
-  },
-};
-
-const whiteSpinner: ComponentShowcaseItem = {
-  title: 'White',
-  props: {
-    status: 'white',
+    status: 'alternative',
   },
 };
 
@@ -108,8 +101,7 @@ const statusSection: ComponentShowcaseSection = {
     infoSpinner,
     warningSpinner,
     dangerSpinner,
-    blackSpinner,
-    whiteSpinner,
+    alternativeSpinner,
   ],
 };