diff --git a/resources/ts/pages/dashboard/pos/payments/account-payment.vue b/resources/ts/pages/dashboard/pos/payments/account-payment.vue
index 1f8651734..c71c5cf92 100755
--- a/resources/ts/pages/dashboard/pos/payments/account-payment.vue
+++ b/resources/ts/pages/dashboard/pos/payments/account-payment.vue
@@ -31,7 +31,7 @@
         <div class="px-2 pb-2">
             <div class="-mx-2 flex flex-wrap">
                 <div class="pl-2 pr-1 flex-auto">
-                    <ns-numpad @changed="handleChange( $event )" @next="proceedAddingPayment( $event )">
+                    <ns-numpad :floating="true" @changed="handleChange( $event )" @next="proceedAddingPayment( $event )">
                         <template v-slot:numpad-footer>
                             <div
                             @click="makeFullPayment()"
diff --git a/resources/ts/popups/ns-pos-order-settings.vue b/resources/ts/popups/ns-pos-order-settings.vue
index b7391c296..f29cd847f 100755
--- a/resources/ts/popups/ns-pos-order-settings.vue
+++ b/resources/ts/popups/ns-pos-order-settings.vue
@@ -6,7 +6,7 @@
                 <ns-close-button @click="closePopup()"></ns-close-button>
             </div>
         </div>
-        <div class="p-2 flex-auto bg-gray-100">
+        <div class="p-2 flex-auto bg-gray-100 overflow-y-auto">
             <ns-field :field="field" v-for="(field, index) of fields" :key="index"></ns-field>
         </div>
         <div class="p-2 flex justify-end">
diff --git a/resources/ts/popups/ns-pos-product-price-popup.vue b/resources/ts/popups/ns-pos-product-price-popup.vue
index 50f5d4925..dc9e3252d 100755
--- a/resources/ts/popups/ns-pos-product-price-popup.vue
+++ b/resources/ts/popups/ns-pos-product-price-popup.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="bg-white shadow-lg w-95-screen md:w-3/5-screen lg:w-2/5-screen">
+    <div class="bg-white shadow-lg w-95vw md:w-3/5-screen lg:w-2/5-screen">
         <div class="popup-heading">
             <h3>{{ __( 'Product Price' ) }}</h3>
             <div>