diff --git a/client/src/app/torrent-table/torrent-table.component.html b/client/src/app/torrent-table/torrent-table.component.html
index f7e6bf7..23fe27d 100644
--- a/client/src/app/torrent-table/torrent-table.component.html
+++ b/client/src/app/torrent-table/torrent-table.component.html
@@ -64,7 +64,7 @@
     </tbody>
   </table>
 
-  <div fxLayout.lt-lg="column" fxLayout.gt-sm="row" fxLayoutGap="20px">
+  <div class="flex-container">
     <button
       class="button is-danger"
       (click)="showDeleteModal()"
diff --git a/client/src/app/torrent-table/torrent-table.component.scss b/client/src/app/torrent-table/torrent-table.component.scss
index 41c6f23..eef3175 100644
--- a/client/src/app/torrent-table/torrent-table.component.scss
+++ b/client/src/app/torrent-table/torrent-table.component.scss
@@ -3,3 +3,14 @@ table {
     cursor: pointer;
   }
 }
+
+.flex-container {
+  display: flex;
+  flex: 1 1 0;
+  gap: 20px;
+  flex-direction: row;
+
+  @media screen and (max-width: 1279px) {
+    flex-direction: column;
+  }
+}