Height is not being set properly

I have added the required partials to my layouts/_default/partials

but the height is not being set properly.

{{- /* Comments with cusdis.com */ -}}

<h2>Discussion:</h2>
<div id="cusdis_thread" data-host="https://auth.blog.hardcode.online" data-app-id="818a5966-bc74-4"
    data-page-id="{{ .File.UniqueID }}" data-page-url="{{ .Permalink }}" data-page-title="{{ .Title }}">
</div>
<script defer src="https://auth.blog.hardcode.online/js/widget/lang/fr.js"></script>
<script async defer src="https://auth.blog.hardcode.online/js/cusdis.es.js"></script>

{{- /* Comments area end */ -}}

and in single HTML

    <footer class="post-footer">
        {{/* Comments */}}
        {{- partial "comments.html" . }}
        <h4>Commentsss:</h4>
        {{- $tags := .Language.Params.Taxonomies.tag | default "tags" }}
        <ul class="post-tags">
            {{- range ($.GetTerms $tags) }}
            <li><a href="{{ .Permalink }}">{{ .LinkTitle }}</a></li>
            {{- end }}
        </ul>
        {{- if (.Param "ShowPostNavLinks") }}
        {{- partial "post_nav_links.html" . }}
        {{- end }}
        {{- if (and site.Params.ShowShareButtons (ne .Params.disableShare true)) }}
        {{- partial "share_icons.html" . -}}
        {{- end }}
    </footer>

    {{- if (.Param "comments") }}
    {{- partial "comments.html" . }}
    {{- end }}
</article>

{{- end }}{{/* end main */}}

what might be the reason? do i have to add some CSS here ?

this is what i see in my blog

this should take the proper required height. instead this is taking a fixed height.

djyde / cusdis

Height is not being set properly #283