From 4880275e7bbc3705c3454dc007a758622e27f6f0 Mon Sep 17 00:00:00 2001
From: Alexis Svinartchouk <alexis@resin.io>
Date: Thu, 28 May 2020 17:51:48 +0200
Subject: [PATCH] Simplify FlashAnother button

Change-type: patch
---
 .../flash-another/flash-another.tsx           | 20 ++++++++-----------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/lib/gui/app/components/flash-another/flash-another.tsx b/lib/gui/app/components/flash-another/flash-another.tsx
index a3c36874..9157bdb1 100644
--- a/lib/gui/app/components/flash-another/flash-another.tsx
+++ b/lib/gui/app/components/flash-another/flash-another.tsx
@@ -16,13 +16,13 @@
 
 import * as React from 'react';
 import styled from 'styled-components';
-import { position, right } from 'styled-system';
 
-import { BaseButton, ThemedProvider } from '../../styled-components';
+import { BaseButton } from '../../styled-components';
 
-const Div = styled.div<any>`
-	${position}
-	${right}
+const FlashAnotherButton = styled(BaseButton)`
+	position: absolute;
+	right: 152px;
+	top: 60px;
 `;
 
 export interface FlashAnotherProps {
@@ -31,12 +31,8 @@ export interface FlashAnotherProps {
 
 export const FlashAnother = (props: FlashAnotherProps) => {
 	return (
-		<ThemedProvider>
-			<Div position="absolute" right="152px">
-				<BaseButton primary onClick={props.onClick}>
-					Flash Another
-				</BaseButton>
-			</Div>
-		</ThemedProvider>
+		<FlashAnotherButton primary onClick={props.onClick}>
+			Flash Another
+		</FlashAnotherButton>
 	);
 };