From 9d422fc4009419cf48eda84555c051bb84a2abe3 Mon Sep 17 00:00:00 2001
From: Linus Groh <mail@linusgroh.de>
Date: Sat, 3 Oct 2020 06:07:53 +0100
Subject: [PATCH] Storybook: Fix typo in ThemeColors component (#27999)

---
 packages/grafana-ui/src/components/ThemeColors/ThemeColors.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/grafana-ui/src/components/ThemeColors/ThemeColors.tsx b/packages/grafana-ui/src/components/ThemeColors/ThemeColors.tsx
index cc83210374a..19ccfe239a6 100644
--- a/packages/grafana-ui/src/components/ThemeColors/ThemeColors.tsx
+++ b/packages/grafana-ui/src/components/ThemeColors/ThemeColors.tsx
@@ -67,7 +67,7 @@ export const ThemeColors = () => {
           <DemoBox bg={theme.colors.bg2} border={theme.colors.border2}>
             <DemoText>
               colors.bg2 background used for elements placed on colors.bg1. Using colors.border1 should be used on
-              elements placed ontop of bg1. Ths box is using border2.
+              elements placed ontop of bg1. This box is using border2.
             </DemoText>
             <DemoBox bg={theme.colors.bg3} border={theme.colors.border2}>
               <DemoText>colors.bg3 background used for elements placed on colors.bg2.</DemoText>