diff --git a/frontend/src/lib/components/stories/AllStoriesArchive.svelte b/frontend/src/lib/components/stories/AllStoriesArchive.svelte
index 3596dd0..a1c1327 100644
--- a/frontend/src/lib/components/stories/AllStoriesArchive.svelte
+++ b/frontend/src/lib/components/stories/AllStoriesArchive.svelte
@@ -17,7 +17,6 @@
   import Spinner from "#lib/components/ui/Spinner.svelte";
   import { peerName } from "#lib/format/peer.js";
   import { t } from "#lib/i18n/locale.svelte.js";
-  import { poster } from "#lib/media/poster.js";
   import { accounts } from "#lib/stores/accounts.svelte.js";
   import { toasts } from "#lib/stores/toasts.svelte.js";
 
@@ -296,62 +295,4 @@
     gap: 0.125rem;
     padding: 0 0.125rem 0.125rem;
   }
-
-  .tile {
-    position: relative;
-    aspect-ratio: 9 / 16;
-    padding: 0;
-    border: 0;
-    cursor: pointer;
-    background-color: var(--color-background-secondary);
-
-    &.expired {
-      opacity: 0.55;
-    }
-  }
-
-  .tile img,
-  .tile video {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-  }
-
-  .play {
-    position: absolute;
-    inset: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: var(--color-white);
-    text-shadow: 0 0 4px rgb(0 0 0 / 50%);
-  }
-
-  .ph {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    color: var(--color-text-secondary);
-  }
-
-  .badge {
-    position: absolute;
-    display: flex;
-    align-items: center;
-    gap: 0.125rem;
-
-    padding: 0.125rem 0.25rem;
-    border-radius: 0.5rem;
-
-    font-size: 0.6875rem;
-    color: var(--color-white);
-    background-color: rgb(0 0 0 / 45%);
-  }
-
-  .views {
-    bottom: 0.25rem;
-    left: 0.25rem;
-  }
 </style>
diff --git a/frontend/src/lib/components/stories/StoriesArchive.svelte b/frontend/src/lib/components/stories/StoriesArchive.svelte
index 97e3b4f..9845216 100644
--- a/frontend/src/lib/components/stories/StoriesArchive.svelte
+++ b/frontend/src/lib/components/stories/StoriesArchive.svelte
@@ -10,7 +10,6 @@
   import Icon from "#lib/components/ui/Icon.svelte";
   import Spinner from "#lib/components/ui/Spinner.svelte";
   import { t } from "#lib/i18n/locale.svelte.js";
-  import { poster } from "#lib/media/poster.js";
   import { accounts } from "#lib/stores/accounts.svelte.js";
   import { toasts } from "#lib/stores/toasts.svelte.js";
   import { page } from "$app/state";
@@ -213,69 +212,6 @@
     padding: 0.125rem;
   }
 
-  .tile {
-    position: relative;
-    aspect-ratio: 9 / 16;
-    padding: 0;
-    border: 0;
-    cursor: pointer;
-    background-color: var(--color-background-secondary);
-
-    &.expired {
-      opacity: 0.55;
-    }
-  }
-
-  .tile img,
-  .tile video {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-  }
-
-  .play {
-    position: absolute;
-    inset: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: var(--color-white);
-    text-shadow: 0 0 4px rgb(0 0 0 / 50%);
-  }
-
-  .ph {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    color: var(--color-text-secondary);
-  }
-
-  .badge {
-    position: absolute;
-    display: flex;
-    align-items: center;
-    gap: 0.125rem;
-
-    padding: 0.125rem 0.25rem;
-    border-radius: 0.5rem;
-
-    font-size: 0.6875rem;
-    color: var(--color-white);
-    background-color: rgb(0 0 0 / 45%);
-  }
-
-  .pin {
-    top: 0.25rem;
-    left: 0.25rem;
-  }
-
-  .views {
-    bottom: 0.25rem;
-    left: 0.25rem;
-  }
-
   .more {
     width: calc(100% - 1rem);
     margin: 0.5rem;