Relating to Libraries in Maps

Good Day,

Why when inserting the custom object, does my group objects seem distorted.(The actual icons of the library object) Please advise soonest. The code I used was posted and displayed below,

<!--Custom Map Objects: Library LibID-->
 
<div class="map_object map_table <#sensor type="colorclassofstate" prefix="map_objectstate_" id="<@objectid>">" id="<@itemid>" objectid="<@objectid>" subid="<@subid>" style="overflow:hidden;<#mapobject type="coordinates" subid="<@subid>" mode="<@editmode>">">
  <#mapobject type="objectgrip" mode="<@editmode>">
  <#mapobject type="htmlbefore" subid="<@subid>">
  <#checkobjecttype objecttype="probenode,group" nicemessage="true" id="<@objectid>">
  <div id="viewport">
<div id="libTree" class="libTree prtg-plugin" 
  data-plugin="libtree" 
  data-objectid="LibID"
  data-lib-name='Library'
  data-view-type='<#system type="groupviewsize" varexpand="overwrite" overwrite="@grpvs">'
  >
<!-- 
   {"objects":<#table 
      id="LibID"
      output="json"
      count="*"
      subcheck="1"
      noraw="1"
      content="library"
      sortby="probegroupdevice"
      filter_basetype="@ntxt('sensor')"
      columns="objid,name,access=treejson,probegroupdevice=treejson,basetype,icon,favorite,fold,devicenum=textraw,groupnum=textraw,totalsens=textraw,upsens=textraw,downsens=textraw,partialdownsens=textraw,warnsens=textraw,pausedsens=textraw,unusualsens=textraw,undefinedsens=textraw,downacksens=textraw,condition,status=textraw,message=textraw,info,priority,libkind,liblinkedid">
    }
 -->
</div>
    </div>
  <#mapobject type="htmlafter" subid="<@subid>">
</div>

libraries maps prtg