diff --git a/confirmation.html b/confirmation.html
index d0bf710..71da9f7 100644
--- a/confirmation.html
+++ b/confirmation.html
@@ -86,7 +86,7 @@
                             <h4 class="card-title pb-4 text-center">Your order is arriving soon</h4>
                             <script id="template" type="text/x-handlebars-cart">
                                 {{#each this}}
-                                <li class="list-group-item d-flex justify-content-between lh-condensed mb-2">
+                                <li class="list-group-item d-flex justify-content-between lh-condensed">
                                     <img src="assets/stars/{{Color}}.png" class="card-img-top cart-image border-bottom border-dark img-fluid">
                                     <div>
                                         <h6 class="my-0 text-start">{{ProperName}}</h6>
@@ -121,7 +121,7 @@ <h6 class="my-0 text-start">{{ProperName}}</h6>
                             <div class="container">
                                 <script id="template" type="text/x-handlebars-checkout">
                                 {{#each this}}
-                                <div class="col-12 col-sm-10 col-md-8 col-xl-4">
+                                <div class="col-12 col-sm-10 col-md-8 col-xl-6">
                                 <ul class="list-group mt-1">
                                 <li class="list-group-item d-flex justify-content-between lh-condensed">
                                     <div>
diff --git a/css/bootstrap-dark.css b/css/bootstrap-dark.css
index 3bb1279..3a281ee 100644
--- a/css/bootstrap-dark.css
+++ b/css/bootstrap-dark.css
@@ -5106,12 +5106,12 @@ textarea.form-control-lg {
   border: 1px solid rgba(0, 0, 0, 0.125);
 }
 .list-group-item:first-child {
-  border-top-left-radius: inherit;
-  border-top-right-radius: inherit;
+  border-top-left-radius: 20px;
+  border-top-right-radius: 20px;
 }
 .list-group-item:last-child {
-  border-bottom-right-radius: inherit;
-  border-bottom-left-radius: inherit;
+  border-bottom-right-radius: 20px;
+  border-bottom-left-radius: 20px;
 }
 .list-group-item.disabled, .list-group-item:disabled {
   color: #6c757d;
diff --git a/partials/ordermodal.html b/partials/ordermodal.html
index 6cb9837..271f036 100644
--- a/partials/ordermodal.html
+++ b/partials/ordermodal.html
@@ -10,7 +10,7 @@ <h1 class="modal-title fs-5 display-2">For {{checkout.[0].value}}</h1>
                 <div class="text-center">
                     <ul class="list-group mb-1">
                         {{#each data}}
-                        <li class="list-group-item d-flex justify-content-between lh-condensed mb-2">
+                        <li class="list-group-item d-flex justify-content-between lh-condensed">
                             <img src="assets/stars/{{Color}}.png"
                                 class="card-img-top cart-image border-bottom border-dark img-fluid">
                             <div>
@@ -43,7 +43,7 @@ <h6 class="my-0 text-start">{{ProperName}}</h6>
                     </div>
                     <div class="row justify-content-center">
                     {{#each checkout}}
-                    <div class="col-12 col-sm-10 col-md-8 col-xl-4">
+                    <div class="col-12 col-sm-10 col-md-8 col-xl-6">
                         <ul class="list-group mt-1">
                             <li class="list-group-item d-flex justify-content-between lh-condensed">
                                 <div>