code refactor

src/styles/desktop/global.scss

@@ -85,6 +85,10 @@ input[type=number] {
     min-inline-size: 100%;
 }
 
+.w-100-window-container.v-window > .v-window__container {
+    width: 100%;
+}
+
 /** Common class for replacing the default style of vuetify **/
 .v-table {
     th {

src/views/desktop/ExchangeRatesPage.vue

@@ -48,7 +48,7 @@
                         </div>
                     </div>
 
-                    <v-window class="d-flex flex-grow-1 ml-md-5 disable-tab-transition exchange-rates-container" v-model="activeTab">
+                    <v-window class="d-flex flex-grow-1 ml-md-5 disable-tab-transition w-100-window-container" v-model="activeTab">
                         <v-window-item value="exchangeRatesPage">
                             <v-card variant="flat">
                                 <template #title>
@@ -212,10 +212,6 @@ export default {
 </script>
 
 <style>
-.exchange-rates-container.v-window > .v-window__container {
-    width: 100%;
-}
-
 .exchange-rates-summary-skeleton .v-skeleton-loader__text {
     margin: 0;
 }

src/views/desktop/statistics/TransactionPage.vue

@@ -30,7 +30,7 @@
                             </v-tab>
                         </v-tabs>
                     </div>
-                    <v-window class="d-flex flex-grow-1 ml-md-5 disable-tab-transition statistics-container" v-model="activeTab">
+                    <v-window class="d-flex flex-grow-1 ml-md-5 disable-tab-transition w-100-window-container" v-model="activeTab">
                         <v-window-item value="statisticsPage">
                             <v-card variant="flat">
                                 <template #title>
@@ -635,10 +635,6 @@ export default {
 </script>
 
 <style>
-.statistics-container.v-window > .v-window__container {
-    width: 100%;
-}
-
 .statistics-toolbar {
     overflow-x: auto;
     white-space: nowrap;