diff --git a/src/Button/README.stories.mdx b/src/Button/README.stories.mdx
index 635ef19a..dd38212f 100644
--- a/src/Button/README.stories.mdx
+++ b/src/Button/README.stories.mdx
@@ -73,6 +73,9 @@ Basic button types and sizes:
 		<Button  iconRight icon="arrow-right" isActive size="medium">
 			Let's go
 		</Button>
+		<Button iconRight="arrow-right" isActive size="medium">
+			Let's go again
+		</Button>
 	</InlineList>
 </Canvas>
 
@@ -101,6 +104,9 @@ Disabled:
 		<Button isDisabled iconRight icon="arrow-right" isActive size="medium">
 			Let's go
 		</Button>
+		<Button isDisabled iconRight="arrow-right" isActive size="medium">
+			Let's go again
+		</Button>
 	</InlineList>
 </Canvas>
 
@@ -129,6 +135,9 @@ Loading:
 		<Button isLoading iconRight icon="arrow-right" isActive size="medium">
 			Let's go
 		</Button>
+		<Button isLoading iconRight="arrow-right" isActive size="medium">
+			Let's go again
+		</Button>
 	</InlineList>
 </Canvas>
 
diff --git a/src/Button/index.js b/src/Button/index.js
index a4e31983..3ae381c8 100644
--- a/src/Button/index.js
+++ b/src/Button/index.js
@@ -347,7 +347,9 @@ const Button = forwardRef((props, ref) => {
 							{isLoading && (
 								<VisuallyHidden>{loadingLabel}</VisuallyHidden>
 							)}
-							{!icon && isLoading && <SpinnerDot />}
+							{!icon && !hasSeparateRightIcon && isLoading && (
+								<SpinnerDot />
+							)}
 						</>
 					))}