diff --git a/resources/js/client-vue/videoPlayer.vue b/resources/js/client-vue/videoPlayer.vue
index e3a4d77..e0917e8 100644
--- a/resources/js/client-vue/videoPlayer.vue
+++ b/resources/js/client-vue/videoPlayer.vue
@@ -235,4 +235,16 @@ export default {
     width: 100%;
     border-radius: var(--xshop-border-radius);
 }
+
+/*-450px width*/
+@media ( max-width: 450px ) {
+    .player-buttons {
+        display: grid;
+        grid-template-columns:  repeat(4,1fr);
+        gap: 10px;
+    }
+
+}
+
+
 </style>