Hi,
Either you're missing the CSS:
div.icon-wrapper div.icon a {
    background-color: #fff !important;
    background-position: -30px;
    display: block;
    float: left;
    height: 97px;
    width: 108px;
    color: #565656;
    vertical-align: middle;
    text-decoration: none;
    border: 1px solid #CCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition-property: background-position, -webkit-border-bottom-left-radius, -webkit-box-shadow;
    -moz-transition-property: background-position, -moz-border-radius-bottomleft, -moz-box-shadow;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
}from the "frontend CSS" of HikaShop.
Or that CSS is overridden by some CSS of your Joomla template.
The main issue I see is that the width of the elements don't all have the same width but that CSS code forces the width to be the same for all the elements.