fixed weird spacing and responsive behaviour with flexbox

app/styles/app/components/build-tile.sass

@@ -20,7 +20,7 @@
 
 
 .build-tiles
-  height: 5.6rem
+  height: 4.7em
   margin: 0
   padding: 0
   clear: both
@@ -28,8 +28,8 @@
   li
     position: relative
     height: 100%
-    width: 20%
     float: left
+    width: 20%
     background-color: #F7F7F7
     border-right: 1px solid $white
     &:last-of-type

app/styles/app/layouts/branches.sass

@@ -15,6 +15,8 @@
     background-color: #E9EBEB
 
   @media #{$medium-up}
+    display: flex
+    justify-content: space-between
     & > div:first-of-type
       width: 30%
       padding-left: 1em
@@ -26,7 +28,6 @@
     //   width: 5%
     & > div:nth-of-type(4)
       width: 28%
-      float: right
   @media #{$large-up}
     & > div:nth-of-type(2)
       width: 21%

app/styles/app/layouts/owner.sass

@@ -99,4 +99,4 @@
     & > div:nth-of-type(4)
       width: 15%
     & > div:nth-of-type(5)
-      width: 25%
+      width: 24%