diff --git a/public/css/grocy.css b/public/css/grocy.css
index 2ca3c73b..d2faeea6 100644
--- a/public/css/grocy.css
+++ b/public/css/grocy.css
@@ -58,7 +58,14 @@ a.discrete-link:focus {
 	left: 0;
 	overflow: auto;
 	background-color: #ffffff;
- }
+}
+
+.fullscreen-no-gutters {
+	 margin-left: 0 !important;
+	 margin-right: 0 !important;
+	 padding-left: 0 !important;
+	 padding-right: 0 !important;
+}
 
  /* Fixes smooth scrolling on iOS */
 #sidebarResponsive,
diff --git a/views/shoppinglist.blade.php b/views/shoppinglist.blade.php
index 392dd446..981dd6d8 100644
--- a/views/shoppinglist.blade.php
+++ b/views/shoppinglist.blade.php
@@ -93,8 +93,8 @@
 	</div>
 </div>
 
-<div id="shoppinglist-main" class="row d-print-none">
-	<div class="col-xs-12 col-md-8 pb-3">
+<div id="shoppinglist-main" class="row d-print-none fullscreen-no-gutters">
+	<div class="col-xs-12 col-md-8 pb-3 fullscreen-no-gutters">
 		<a id="shopping-list-normal-view-button" class="btn btn-outline-dark btn-block switch-view-mode-button d-none" href="#">
 			<i class="fas fa-expand-arrows-alt"></i> {{ $__t('Normal view') }}
 		</a>