diff --git a/apps/static/js/table.js b/apps/static/js/table.js
index f6122fa..e79c160 100644
--- a/apps/static/js/table.js
+++ b/apps/static/js/table.js
@@ -49,7 +49,7 @@ async function initTable(containingSelector, tableId, loadDataFunc, newRowFunc,
 
 function createSearchRow(containingSelector, searchId, sortDropdownId, filterDropdownId, options, newRowFunc, deleteSelectedFunc) {
     $(containingSelector).append(`
-        <div class="row my-3 px-3 table-search-row">
+        <div class="row my-3 px-sm-3 table-search-row">
             <div class="col-md-6 col-lg-5 col-xl-4 col-xxl-3">
                 <div class="input-group mb-lg-0 mb-3 rounded-1">
                     <span class="input-group-text">
@@ -310,7 +310,7 @@ async function bindSortDropdown(tableId, sortDropdownId, loadDataFunc) {
 
 function createTable(containingSelector, tableId) {
     $(containingSelector).append(`
-    <div class="table-responsive my-3 px-3">
+    <div class="table-responsive my-3 px-sm-3">
         <table id="${tableId}" class="table table-hover align-middle"></table>
     </div>
     `);
@@ -318,7 +318,7 @@ function createTable(containingSelector, tableId) {
 
 function createTableControls(containingSelector, pageSizeId) {
     $(containingSelector).append(`
-    <div class="table-controls row mb-3 px-3">
+    <div class="table-controls row mb-3 px-sm-3">
         <div class="col-lg-2">
             <div class="table-page-info d-flex justify-content-start align-items-center mx-auto">
                 <span class="pageinfo-total"></span>