From 917fd7862619a42628d269e54c43e2f3ea265d26 Mon Sep 17 00:00:00 2001
From: Eric Binnion <ericbinnion@gmail.com>
Date: Thu, 14 Jan 2016 15:59:48 -0600
Subject: [PATCH] Framework: Fixes overlapping elements in sites dropdown

---
 client/components/sites-dropdown/style.scss | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/client/components/sites-dropdown/style.scss b/client/components/sites-dropdown/style.scss
index 3f6a132c41b2..4f17d5f3d6e9 100644
--- a/client/components/sites-dropdown/style.scss
+++ b/client/components/sites-dropdown/style.scss
@@ -7,10 +7,11 @@
 	}
 
 	.gridicons-chevron-down {
+		align-self: center;
 		color: lighten( $gray, 10% );
-		position: absolute;
-			right: 16px;
-			top: 22px;
+		flex-grow: 0;
+		flex-shrink: 0;
+		margin-right: 16px;
 		transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in;
 	}
 }
@@ -35,6 +36,7 @@
 
 .sites-dropdown__selected {
 	cursor: pointer;
+	display: flex;
 
 	.is-open & {
 		border-bottom: 1px solid lighten( $gray, 30% );
@@ -73,6 +75,8 @@
 }
 
 .sites-dropdown .site-selector .site {
+	flex-grow: 1;
+
 	.notouch & {
 		&:hover {
 			background: $blue-medium;