diff --git a/src/components/Button/Button.example.css b/src/components/Button/Button.example.css
index ad984d2d..82eb3923 100644
--- a/src/components/Button/Button.example.css
+++ b/src/components/Button/Button.example.css
@@ -19,9 +19,9 @@
   height: 100px;
 }
 
-.searchIcon {
-  width: 16px;
-  height: 16px;
+.customIcon {
+  width: 24px;
+  height: 24px;
   stroke: #fff;
   margin-right: 10px;
 }
diff --git a/src/components/Button/Button.example.js b/src/components/Button/Button.example.js
index 66c67447..c2fb7914 100644
--- a/src/components/Button/Button.example.js
+++ b/src/components/Button/Button.example.js
@@ -1,6 +1,6 @@
 /* eslint-disable jsx-a11y/href-no-hash */
 import React, { Component } from 'react';
-import { IconSearch } from '../../components';
+import { IconCheckmark } from '../../components';
 import Button, { PrimaryButton, SecondaryButton, InlineTextButton } from './Button';
 
 import css from './Button.example.css';
@@ -54,8 +54,8 @@ const ButtonsComponent = () => {
 
       <h3>Button with an icon and a text:</h3>
       <Button>
-        <IconSearch rootClassName={css.searchIcon} />
-        <span>Search saunas</span>
+        <IconCheckmark rootClassName={css.customIcon} />
+        <span>Custom text</span>
       </Button>
 
       <h3>Default button:</h3>