diff --git a/src/components/CardControl.vue b/src/components/CardControl.vue
index f1c9b88..17a8a61 100644
--- a/src/components/CardControl.vue
+++ b/src/components/CardControl.vue
@@ -12,17 +12,17 @@
           </mqtt-button>
         </v-col>
         <v-col cols="12" sm="6" md="5" class="mt-4">
-          <mqtt-button width="240" height="130" class="btn xs12 sm6 md3" topic="/display/control" message="next">
+          <mqtt-button width="240" height="130" class="btn card xs12 sm6 md3" topic="/display/control" message="next">
             <v-icon left size="100">mdi-skip-next</v-icon>
           </mqtt-button>
         </v-col>
         <v-col cols="12" sm="6" md="5" class="mb-4">
-          <mqtt-button width="240" height="130" class="btn xs12 sm6 md3" topic="/display/control" message="pause">
+          <mqtt-button width="240" height="130" class="btn card xs12 sm6 md3" topic="/display/control" message="pause">
             <v-icon left size="100">mdi-pause</v-icon>
           </mqtt-button>
         </v-col>
         <v-col cols="12" sm="6" md="5" class="mb-4">
-          <mqtt-button width="240" height="130" class="btn xs12 sm6 md3 " topic="/display/control" message="play">
+          <mqtt-button width="240" height="130" class="btn card xs12 sm6 md3 " topic="/display/control" message="play">
             <v-icon left size="100">mdi-play</v-icon>
           </mqtt-button>
         </v-col>
@@ -32,7 +32,5 @@
 </template>
 
 <script setup>
-
-import MqttButton from './MqttButton.vue';
-
+  import MqttButton from './MqttButton.vue';
 </script>