diff --git a/src/client/TerritoryPatternsModal.ts b/src/client/TerritoryPatternsModal.ts
index 03086d46b..86701db41 100644
--- a/src/client/TerritoryPatternsModal.ts
+++ b/src/client/TerritoryPatternsModal.ts
@@ -174,8 +174,8 @@ export class TerritoryPatternsModal extends BaseModal {
     }
 
     return html`
-      <div class="flex flex-col gap-4">
-        <div class="flex justify-center">
+      <div class="flex flex-col">
+        <div class="pt-4 flex justify-center">
           ${hasLinkedAccount(this.userMeResponse)
             ? this.renderMySkinsButton()
             : html``}
diff --git a/src/client/components/PatternButton.ts b/src/client/components/PatternButton.ts
index 58ba1a863..037dc4743 100644
--- a/src/client/components/PatternButton.ts
+++ b/src/client/components/PatternButton.ts
@@ -137,9 +137,9 @@ export class PatternButton extends LitElement {
           </div>
         </button>
 
-        <div class="w-full mt-2">
-          ${this.requiresPurchase && this.pattern?.product
-            ? html`
+        ${this.requiresPurchase && this.pattern?.product
+          ? html`
+              <div class="w-full mt-2">
                 <button
                   class="w-full px-4 py-2 bg-green-500/20 text-green-400 border border-green-500/30 rounded-lg text-xs font-bold uppercase tracking-wider cursor-pointer transition-all duration-200
                    hover:bg-green-500/30 hover:shadow-[0_0_15px_rgba(74,222,128,0.2)]"
@@ -150,9 +150,9 @@ export class PatternButton extends LitElement {
                     >(${this.pattern.product.price})</span
                   >
                 </button>
-              `
-            : html`<div class="h-[34px]"></div>`}
-        </div>
+              </div>
+            `
+          : null}
       </div>
     `;
   }