From ed8be757742a3b3a2ea133df291f33bbb2bfc0fe Mon Sep 17 00:00:00 2001
From: Tessa Thornton <tessathornton@gmail.com>
Date: Mon, 9 Sep 2019 12:06:25 -0400
Subject: [PATCH] fix styling on radio inputs for long labels (#2539)

---
 src/core/client/ui/components/RadioButton/RadioButton.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/core/client/ui/components/RadioButton/RadioButton.css b/src/core/client/ui/components/RadioButton/RadioButton.css
index 1f5817d2f..1d6c8b01c 100644
--- a/src/core/client/ui/components/RadioButton/RadioButton.css
+++ b/src/core/client/ui/components/RadioButton/RadioButton.css
@@ -10,7 +10,6 @@
 .label {
   composes: bodyCopy from "coral-ui/shared/typography.css";
   display: inline-flex;
-  align-items: center;
   position: relative;
   cursor: pointer;
   user-select: none;
@@ -31,6 +30,8 @@
   border: 1px solid var(--palette-text-primary);
   border-radius: 50%;
   box-sizing: border-box;
+  margin-top: 5px;
+  flex-shrink: 0;
 }
 
 /* Box focus */
@@ -64,7 +65,7 @@
   border-radius: 50%;
   position: absolute;
   left: 3px;
-  top: 6px;
+  top: 8px;
   width: 8px;
   height: 8px;
   box-sizing: border-box;