diff --git a/src/features/preferences/__snapshots__/navigation-to-application-preferences.test.tsx.snap b/src/features/preferences/__snapshots__/navigation-to-application-preferences.test.tsx.snap
index 207477d63d..c08c601a4b 100644
--- a/src/features/preferences/__snapshots__/navigation-to-application-preferences.test.tsx.snap
+++ b/src/features/preferences/__snapshots__/navigation-to-application-preferences.test.tsx.snap
@@ -631,7 +631,56 @@ exports[`preferences - navigation to application preferences given in preference
     >
       <div
         class="HotbarItems flex column gaps"
-      />
+      >
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
       <div
         class="HotbarSelector"
       >
@@ -1351,7 +1400,56 @@ exports[`preferences - navigation to application preferences given in preference
     >
       <div
         class="HotbarItems flex column gaps"
-      />
+      >
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="0"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="1"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="2"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="3"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="4"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="5"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="6"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="7"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="8"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="9"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="10"
+        />
+        <div
+          class="HotbarCell isDraggingOwner animateDown"
+          index="11"
+        />
+      </div>
       <div
         class="HotbarSelector"
       >