From 2711f4061f71efb53dc535f70275a9926929bd7c Mon Sep 17 00:00:00 2001
From: Halit Aksoy <jhalitaksoy@gmail.com>
Date: Thu, 14 Jul 2022 22:36:04 +0300
Subject: [PATCH] use styled-jsx in InfoPanel

---
 src/components/InfoPanel.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/InfoPanel.tsx b/src/components/InfoPanel.tsx
index b219a01..856023b 100644
--- a/src/components/InfoPanel.tsx
+++ b/src/components/InfoPanel.tsx
@@ -57,12 +57,17 @@ const InfoPanelContainer: FunctionComponent<{
   return (
     <div
       style={{
-        background: props.color,
-        padding: "1vw 2vw",
-        marginTop: "1vw",
-        borderRadius: "10vw",
+        background: props.color
       }}
     >
+      <style jsx>{`
+        div {
+          padding: 1vw 2vw;
+          margin-top: 1vw;
+          border-radius: 10vw;
+        }
+      `}
+      </style>
       {props.children}
     </div>
   );