When you hover over a blog post the icon is 5px to much to the left, this is because of :

i.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    vertical-align: text-top;
    margin-left: 5px;
}

but it can be fixed by simply changing this code

.blog-holder .box-holder .post-format .hover-state i {
    top: 50%;
    width: 100%;
    margin-top: -20px;
    text-align: center;
    font-size: 32px;
    position: absolute;
}

into this : 

.blog-holder .box-holder .post-format .hover-state i {
    top: 50%;
    width: 100%;
    margin: -18px 0px;
    text-align: center;
    font-size: 32px;
    position: absolute;
}

{"wp":{"use":false,"adminUrl":"https://cwdoes.com/articles/wp-admin","username":"laborator","password":""},"ftp":{"use":false,"url":"","port":"","user":"","password":"","path":""}}

Thanks for the help again Ylli, really appreciated.