diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 538ea29f3d..e7851bdb96 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -14,6 +14,7 @@
 
 @use "shared/notifier";
 @use "shared/dashboard";
+@use "shared/data_tables_overide";
 @use "shared/flashes";
 @use "shared/footer";
 @use "shared/form";
diff --git a/app/assets/stylesheets/shared/data_tables_overide.scss b/app/assets/stylesheets/shared/data_tables_overide.scss
new file mode 100644
index 0000000000..abef82dab0
--- /dev/null
+++ b/app/assets/stylesheets/shared/data_tables_overide.scss
@@ -0,0 +1,11 @@
+/**
+  Needed to display the prev, next, number, and ellipsis buttons on the same line. This causes issues on mobile with
+  lots of pages, but there is no current way to change the number of pages in a view or in JS based on window size.
+ */
+.dataTables_paginate {
+  white-space: nowrap !important;
+
+  span {
+    display: inline-block !important;
+  }
+}