diff --git a/smart-hut/src/components/HeaderController.js b/smart-hut/src/components/HeaderController.js
index f09e11c..e3ff71d 100644
--- a/smart-hut/src/components/HeaderController.js
+++ b/smart-hut/src/components/HeaderController.js
@@ -70,7 +70,7 @@ class MyHeader extends React.Component {
           closeSimulationPanel={this.closeSimulationPanel}
         />
         <Responsive minWidth={768}>
-          <Grid columns="equal" divided inverted padded>
+          <Grid verticalAlign="middle" columns="equal" divided inverted padded>
             <Grid.Row color="black" textAlign="center">
               <Grid.Column width={4} height={0.5}>
                 <Grid.Row>
@@ -80,9 +80,9 @@ class MyHeader extends React.Component {
                 </Grid.Row>
                 <Divider />
                 <Grid.Row>
-                  <div onClick={this.openSimulationPanel}>
-                    <Button> Similuation Panel </Button>
-                  </div>
+                  <Button basic inverted onClick={this.openSimulationPanel}>
+                  Simulation Panel
+                  </Button>
                 </Grid.Row>
               </Grid.Column>
               <Grid.Column>
@@ -101,6 +101,8 @@ class MyHeader extends React.Component {
                 </Button>
                 <Divider />
                 <Segment
+                  color="grey"
+                  inverted
                   compact
                   style={{
                     margin: 'auto',
@@ -132,9 +134,9 @@ class MyHeader extends React.Component {
                 </Grid.Row>
                 <Divider />
                 <Grid.Row>
-                  <div onClick={this.openSimulationPanel}>
-                    <Button> Similuation Panel </Button>
-                  </div>
+                  <Button onClick={this.openSimulationPanel}>
+                  Simulation Panel
+                  </Button>
                 </Grid.Row>
               </Grid.Column>
               <Divider />