common/static/common/styles/studio/_modal.sass

@@ -51,7 +51,7 @@
   +padding(3)
 
   +media-md
-    +padding(5, top)
+    +padding(4, top)
 
   img
     border-radius: var(--border-radius)

common/templates/common/components/modal_asset.html

@@ -66,11 +66,8 @@
           <div class="align-items-start row">
             <div class="col-12 col-md mb-2">
               <div class="d-none d-md-block">
-                <h2>
+                <h2 class="h3">
                   {{ asset.name }}
-                  {% if asset.is_free %}
-                    {% include "common/components/cards/pill.html" with class="ms-1" label='Free' %}
-                  {% endif %}
                 </h2>
               </div>
             </div>
@@ -137,6 +134,11 @@
             {# TODO: Check style 'text-sm' #}
             <div class="align-items-end col d-flex flex-column justify-content-end text-muted text-sm x-sm">
               <div class="d-flex">
+                {% if asset.is_free %}
+                  <div class="me-2">
+                      {% include "common/components/cards/pill.html" with class="fs-sm ms-1" label='Free' %}
+                  </div>
+                {% endif %}
                 <div class="me-2">
                   <div class="badge fs-sm">
                     {{ asset.static_asset.get_source_type_display }}