diff --git a/pages/playlists/[playlistId]/snapshots/show/[commitSha].vue b/pages/playlists/[playlistId]/snapshots/show/[commitSha].vue
index 5ee042c..52d03c4 100644
--- a/pages/playlists/[playlistId]/snapshots/show/[commitSha].vue
+++ b/pages/playlists/[playlistId]/snapshots/show/[commitSha].vue
@@ -31,7 +31,7 @@ const humanizeNumber = (num: number) => numberFormatter.format(num);
 </script>
 
 <template>
-  <div class="w-full">
+  <div>
     <p v-if="error">Something went wrong while fetching this snapshot</p>
     <template v-else-if="snapshot">
       <div class="text-lg text-center flex flex-column align-items-center">
@@ -68,12 +68,6 @@ const humanizeNumber = (num: number) => numberFormatter.format(num);
   list-style: disc;
 }
 
-:deep(div.p-datatable) {
-  width: 100%;
-  margin: 2rem 0 3rem 0;
-  padding: 0 1rem;
-}
-
 @media screen and (min-width: 768px) {
   #snapshot-meta > li {
     float: left;
@@ -84,9 +78,5 @@ const humanizeNumber = (num: number) => numberFormatter.format(num);
     margin-left: 0;
     list-style: none;
   }
-
-  :deep(div.p-datatable) {
-    padding: 0 8rem;
-  }
 }
 </style>