diff --git a/BTCPayServer/Views/AppsPublic/ViewPointOfSale.cshtml b/BTCPayServer/Views/AppsPublic/ViewPointOfSale.cshtml
index 56158427c..9445f6b5c 100644
--- a/BTCPayServer/Views/AppsPublic/ViewPointOfSale.cshtml
+++ b/BTCPayServer/Views/AppsPublic/ViewPointOfSale.cshtml
@@ -1,4 +1,4 @@
-@addTagHelper *, Meziantou.AspNetCore.BundleTagHelpers
+@addTagHelper *, Meziantou.AspNetCore.BundleTagHelpers
 @inject BTCPayServer.HostedServices.CssThemeManager themeManager
 
 @model BTCPayServer.Models.AppViewModels.ViewPointOfSaleViewModel
@@ -41,6 +41,10 @@
             grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
             grid-gap: .5rem;
         }
+        .card-deck .card:only-of-type {
+            max-width: 320px;
+            margin: auto;
+        }
     </style> 
 </head>
 
@@ -239,42 +243,29 @@
                 </div>
 
                 <div id="js-pos-list" class="text-center mx-auto px-4">
-                    <div class="row">
-                  
-                        
-                    @{
-                        var rowsJ = Model.Items.Length/4 + (Model.Items.Length % 4 > 0 ? 1 : 0);
-                    }
-                    @for (int x = 0; x < rowsJ; x++)
-                    {
-                        var startingIndex = x == 0 ? 0 : x * 4;
-                        var endLoopIndex = startingIndex + Math.Min(4, Model.Items.Length - startingIndex);
-                    
-                        <div class="row  card-deck my-3 mx-auto">
-                            @for (int i = startingIndex; i < endLoopIndex; i++)
-                            {
-                                var item = Model.Items[i];
-                                var image = item.Image;
-                                var description = item.Description;
+                    <div class="row card-deck my-3 mx-auto">
 
-                                    <div class="js-add-cart card" data-id="@i">
-                                        @if (!String.IsNullOrWhiteSpace(image))
-                                        {
-                                            <img class="card-img-top" src="@image" alt="Card image cap">
-                                        }
-                                        <div class="card-body p-3">
-                                            <h6 class="card-title mb-0">@item.Title</h6>
-                                            @if (!String.IsNullOrWhiteSpace(description))
-                                            {
-                                                <p class="card-text">@description</p>
-                                            }
-                                            <span class="text-muted small">@String.Format(Model.ButtonText, @item.Price.Formatted)</span>
-                                        </div>
-                                    </div>
-                             
-                            }
-                        </div>
-                    }
+                        @for (var index = 0; index < Model.Items.Length; index++)
+                        {
+                            var item = Model.Items[index];
+                            var image = item.Image;
+                            var description = item.Description;
+
+                            <div class="js-add-cart card my-2" data-id="@index">
+                                @if (!String.IsNullOrWhiteSpace(image))
+                                {
+                                    @:<img class="card-img-top" src="@image" alt="Card image cap">
+                                }
+                                <div class="card-body p-3">
+                                    <h6 class="card-title mb-0">@item.Title</h6>
+                                    @if (!String.IsNullOrWhiteSpace(description))
+                                    {
+                                        <p class="card-text">@description</p>
+                                    }
+                                    <span class="text-muted small">@String.Format(Model.ButtonText, @item.Price.Formatted)</span>
+                                </div>
+                            </div>
+                        }
                     </div>
                 </div>
             </div>
@@ -314,82 +305,68 @@
         <div class="container d-flex h-100">
             <div class="justify-content-center align-self-center text-center mx-auto px-2 py-3 w-100" style="margin: auto;">
                 <h1 class="mb-4">@Model.Title</h1>
-                @{
-                    var rows = Model.Items.Length/4 + (Model.Items.Length % 4 > 0 ? 1 : 0);
-                }
-                @for (int x = 0; x < rows; x++)
-                {
-                    var startingIndex = x == 0 ? 0 : x * 4;
-                    var endLoopIndex = startingIndex + Math.Min(4, Model.Items.Length - startingIndex);
-                    
-                     <div class="row  card-deck my-3 mx-auto">
-                    @for (int i = startingIndex; i < endLoopIndex; i++)
+
+                <div class="row  card-deck my-3 mx-auto">
+                    @for (int x = 0; x < Model.Items.Length; x++)
                     {
-                        var item = Model.Items[i];
-                        var image = item.Image;
-                        var description = item.Description;
-                            <div class="card" data-id="@i">
-                                @if (!String.IsNullOrWhiteSpace(image))
+                        var item = Model.Items[x];
+
+                        <div class="card my-2" data-id="@x">
+                            @if (!String.IsNullOrWhiteSpace(item.Image))
+                            {
+                                <img class="card-img-top" src="@item.Image" alt="Card image cap">
+                            }
+                            <div class="card-body">
+                                <h5 class="card-title">@item.Title</h5>
+                                @if (!String.IsNullOrWhiteSpace(item.Description))
                                 {
-                                    <img class="card-img-top" src="@image" alt="Card image cap">
+                                    <p class="card-text">@item.Description</p>
                                 }
-                                <div class="card-body">
-                                    <h5 class="card-title">@item.Title</h5>
-                                    @if (!String.IsNullOrWhiteSpace(description))
-                                    {
-                                        <p class="card-text">@description</p>
-                                    }
-                                    @if (item.Custom && !Model.EnableShoppingCart)
-                                    {
-                                        <form method="post" asp-antiforgery="false" data-buy>
-                                            <input type="hidden" name="choicekey" value="@item.Id" />
-                                            <div class="input-group">
-                                                <div class="input-group-prepend">
-                                                    <span class="input-group-text">@Model.CurrencySymbol</span>
-                                                </div>
-                                                <input class="form-control" type="number" min="@item.Price.Value" step="@Model.Step" name="amount"
-                                                    value="@item.Price.Value" placeholder="Amount">
-                                                <div class="input-group-append">
-                                                    <button class="btn btn-primary" type="submit">@Model.CustomButtonText</button>
-                                                </div>
-                                            </div>
-                                        </form>
-                                    }
-                                    else
-                                    {
-                                        <form method="post" asp-antiforgery="false">
-                                            <button type="submit" name="choiceKey" class="js-add-cart btn btn-primary" value="@item.Id">
-                                                @String.Format(Model.ButtonText, @item.Price.Formatted)</button>
-                                        </form>
-                                    }
-                                </div>
-                            </div>
-                    }
-                </div>
-                }
-               
-                @if (Model.ShowCustomAmount)
-                {
-                    <div class="row mt-2 mb-4">
-                        <div class="col-lg-4 offset-lg-4 col-md-6 offset-md-3 px-2">
-                            <div class="card">
-                                <div class="card-body">
-                                    <h5 class="card-title">Custom Amount</h5>
-                                    <p class="card-text">Create invoice to pay custom amount</p>
+                                @if (item.Custom && !Model.EnableShoppingCart)
+                                {
                                     <form method="post" asp-antiforgery="false" data-buy>
+                                        <input type="hidden" name="choicekey" value="@item.Id"/>
                                         <div class="input-group">
                                             <div class="input-group-prepend">
                                                 <span class="input-group-text">@Model.CurrencySymbol</span>
                                             </div>
-                                            <input class="form-control" type="number" min="0" step="@Model.Step" name="amount" placeholder="Amount">
-                                            <div class="input-group-append"><button class="btn btn-primary" type="submit">@Model.CustomButtonText</button></div>
+                                            <input class="form-control" type="number" min="@item.Price.Value" step="@Model.Step" name="amount"
+                                                   value="@item.Price.Value" placeholder="Amount">
+                                            <div class="input-group-append">
+                                                <button class="btn btn-primary" type="submit">@Model.CustomButtonText</button>
+                                            </div>
                                         </div>
                                     </form>
-                                </div>
+                                }
+                                else
+                                {
+                                    <form method="post" asp-antiforgery="false">
+                                        <button type="submit" name="choiceKey" class="js-add-cart btn btn-primary" value="@item.Id">
+                                            @String.Format(Model.ButtonText, @item.Price.Formatted)</button>
+                                    </form>
+                                }
                             </div>
                         </div>
-                    </div>
-                }
+                    }
+                    @if (Model.ShowCustomAmount)
+                    {
+                        <div class="card  h-100">
+                            <div class="card-body my-auto">
+                                <h5 class="card-title">Custom Amount</h5>
+                                <p class="card-text">Create invoice to pay custom amount</p>
+                                <form method="post" asp-antiforgery="false" data-buy>
+                                    <div class="input-group">
+                                        <div class="input-group-prepend">
+                                            <span class="input-group-text">@Model.CurrencySymbol</span>
+                                        </div>
+                                        <input class="form-control" type="number" min="0" step="@Model.Step" name="amount" placeholder="Amount">
+                                        <div class="input-group-append"><button class="btn btn-primary" type="submit">@Model.CustomButtonText</button></div>
+                                    </div>
+                                </form>
+                            </div>
+                        </div>
+                    }
+                </div>
             </div>
         </div>
     }