From 8727754dd4d5f48e46c9631e841911dafd418a23 Mon Sep 17 00:00:00 2001
From: Owen Conti <owen@ohseemedia.com>
Date: Tue, 27 Jun 2017 20:56:48 -0600
Subject: [PATCH] #3110 - Fix models down arrow icon in firefox

---
 src/core/components/models.jsx | 4 ++--
 src/style/_models.scss         | 7 -------
 2 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/src/core/components/models.jsx b/src/core/components/models.jsx
index 21605199..4903110e 100644
--- a/src/core/components/models.jsx
+++ b/src/core/components/models.jsx
@@ -24,8 +24,8 @@ export default class Models extends Component {
     return <section className={ showModels ? "models is-open" : "models"}>
       <h4 onClick={() => layoutActions.show("models", !showModels)}>
         <span>Models</span>
-        <svg width="20" height="20">
-          <use xlinkHref="#large-arrow" />
+        <svg className="arrow" width="20" height="20">
+          <use xlinkHref={showModels ? "#large-arrow-down" : "#large-arrow"} />
         </svg>
       </h4>
       <Collapse isOpened={showModels} animated>
diff --git a/src/style/_models.scss b/src/style/_models.scss
index 378a502c..accfb5d2 100644
--- a/src/style/_models.scss
+++ b/src/style/_models.scss
@@ -95,14 +95,7 @@ section.models
         h4
         {
             margin: 0 0 5px 0;
-
             border-bottom: 1px solid rgba(#3b4151, .3);
-
-
-            svg
-            {
-                transform: rotate(90deg);
-            }
         }
     }
     h4