diff --git a/web/app/widget-wrappers/sticker-picker/sticker-picker.component.html b/web/app/widget-wrappers/sticker-picker/sticker-picker.component.html
index 490a53e..2a8e348 100644
--- a/web/app/widget-wrappers/sticker-picker/sticker-picker.component.html
+++ b/web/app/widget-wrappers/sticker-picker/sticker-picker.component.html
@@ -8,12 +8,12 @@
             that has Dimension enabled and correctly set up.
         </div>
     </div>
+    <div class="no-stickers" *ngIf="!isLoading && !authError && (!packs || packs.length === 0)">
+        <img src="/img/no_stickers.png" />
+        <span class="message">You have no sticker packs.</span>
+        <button class="btn btn-link btn-sm" (click)="openIntegrationManager()">Add some stickers</button>
+    </div>
     <div class="sticker-picker" *ngIf="!isLoading && !authError">
-        <div class="no-stickers" *ngIf="!packs || packs.length === 0">
-            <img src="/img/no_stickers.png" />
-            <span class="message">You have no sticker packs.</span>
-            <button class="btn btn-link btn-sm" (click)="openIntegrationManager()">Add some stickers</button>
-        </div>
         <div class="sticker-pack" *ngFor="let pack of packs trackById">
             <div class="header">
                 <span class="title">{{ pack.displayName }}</span>
diff --git a/web/app/widget-wrappers/sticker-picker/sticker-picker.component.scss b/web/app/widget-wrappers/sticker-picker/sticker-picker.component.scss
index fea9137..aec112a 100644
--- a/web/app/widget-wrappers/sticker-picker/sticker-picker.component.scss
+++ b/web/app/widget-wrappers/sticker-picker/sticker-picker.component.scss
@@ -32,7 +32,7 @@
     img {
       width: 96px;
       height: 96px;
-      margin-top: 20px;
+      margin-top: 40px;
       margin-bottom: 15px;
     }