diff --git a/client/modules/IDE/components/Toolbar.jsx b/client/modules/IDE/components/Toolbar.jsx
index 7e659a20..b331e10e 100644
--- a/client/modules/IDE/components/Toolbar.jsx
+++ b/client/modules/IDE/components/Toolbar.jsx
@@ -116,7 +116,7 @@ class Toolbar extends React.Component {
               }
             }}
           >
-            {this.props.project.name} 
+            <span>{this.props.project.name}</span>
             {
               this.canEditProjectName() &&
               <InlineSVG className="toolbar__edit-name-button" src={editProjectNameUrl} alt="Edit Project Name" />
diff --git a/client/styles/components/_toolbar.scss b/client/styles/components/_toolbar.scss
index a7c81415..86dec1b2 100644
--- a/client/styles/components/_toolbar.scss
+++ b/client/styles/components/_toolbar.scss
@@ -74,7 +74,6 @@
 	}
 	margin-left: #{10 / $base-font-size}rem;
 	padding-left: #{10 / $base-font-size}rem;
-	height: 70%;
   display: flex;
   align-items: center;
 }
@@ -90,7 +89,8 @@
 		}
 	}
 	cursor: pointer;
-	line-height: #{18 / $base-font-size}rem;
+	display: flex;
+	align-items: center;
 
 	.toolbar__project-name-container--editing & {
 		display: none;
@@ -151,7 +151,6 @@
 	display: inline-block;
 	vertical-align: top;
 	height: #{18 / $base-font-size}rem;
-	margin-left: #{-4 / $base-font-size}rem;
 	& svg {
 		width: #{18 / $base-font-size}rem;
 		height: #{18 / $base-font-size}rem;