Blog pagination issue

I am trying to set up archive navigation for my blog (not the single post) so I set up a block element, select Archive Navigation as element type and select one of the archive navigation templates (two rounded arrows). Finally, I set the condition to appear only on the Blog page. The navigation buttons don't seem to appear on the front end, though. Somehow the code for the GB buttons is getting stripped. Here is the markup I see once I inspect the "invisible" element.

<div class="gb-container gb-container-5edb5029"><div class="gb-inside-container">
<div class="gb-button-wrapper gb-button-wrapper-c7866401">
</div>
<div class="gb-button-wrapper gb-button-wrapper-738b791b">
</div>
</div></div>

I have Default Navigation disabled, once enabled, I can see it but the GB archive navigation block is still not visible. Am I missing something? I am using the default after_main_content hook.