From 4152a49188a0e09ec696283b4ed0c5a4e77f9d98 Mon Sep 17 00:00:00 2001
From: Mike Fix <mrfix84@gmail.com>
Date: Sat, 3 Oct 2020 12:29:45 -0700
Subject: [PATCH] adjust size of 'Remove theme' button

Closes #1105'
---
 components/Themes/index.js |  2 +-
 components/svg/Remove.js   | 11 +++++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/components/Themes/index.js b/components/Themes/index.js
index 9a16386..8aa5072 100644
--- a/components/Themes/index.js
+++ b/components/Themes/index.js
@@ -25,7 +25,7 @@ const ThemeItem = ({ children, item, isSelected, remove }) => (
           remove(item.id)
         }}
       >
-        <RemoveIcon color={COLORS.SECONDARY} />
+        <RemoveIcon color={COLORS.SECONDARY} style={{ transform: 'scale(1.6)' }} />
       </div>
     )}
     <style jsx>
diff --git a/components/svg/Remove.js b/components/svg/Remove.js
index cc3337e..30b1276 100644
--- a/components/svg/Remove.js
+++ b/components/svg/Remove.js
@@ -1,7 +1,14 @@
 import React from 'react'
 
-export default ({ color = 'black' }) => (
-  <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+export default ({ color = 'black', style }) => (
+  <svg
+    width="5"
+    height="5"
+    viewBox="0 0 5 5"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style={style}
+  >
     <path
       d="M2.5 3.08725L4.41704 5L5 4.41834L3.08857 2.5L5 0.581656L4.41704 0L2.5 1.91275L0.58296 0L0 0.581656L1.91144 2.5L0 4.41834L0.58296 5L2.5 3.08725Z"
       fill={color}