diff --git a/src/components/Pages/Flipper/index.d.ts b/src/components/Pages/Flipper/index.d.ts
deleted file mode 100644
index 122774d4..00000000
--- a/src/components/Pages/Flipper/index.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-export type FlipType = 'up' | 'down'
\ No newline at end of file
diff --git a/src/components/Pages/Flipper/index.ts b/src/components/Pages/Flipper/index.ts
index 0d9d5cfa..dbe9b5cb 100644
--- a/src/components/Pages/Flipper/index.ts
+++ b/src/components/Pages/Flipper/index.ts
@@ -1,4 +1,5 @@
 import Flipper from './index.vue'
-import { FlipType } from './index.d'
+
+type FlipType = 'up' | 'down'
 
 export { Flipper, FlipType }
diff --git a/src/components/Pages/Flipper/index.vue b/src/components/Pages/Flipper/index.vue
index 7757d536..9b2c6282 100644
--- a/src/components/Pages/Flipper/index.vue
+++ b/src/components/Pages/Flipper/index.vue
@@ -1,19 +1,13 @@
 <template>
-  <div class="M-Flipper" :class="[flipType, { go: isFlipping }]">
+  <div class="go-Flipper" :class="[flipType, { go: isFlipping }]">
     <div class="digital front" :data-front="frontTextFromData"></div>
     <div class="digital back" :data-back="backTextFromData"></div>
   </div>
 </template>
 
-<script lang="ts">
-export default {
-  name: 'Flipper'
-}
-</script>
-
 <script lang="ts" setup>
 import { ref, PropType, watch } from 'vue'
-import { FlipType } from '.'
+import { FlipType }  from './index'
 
 const props = defineProps({
   flipType: {
@@ -131,7 +125,7 @@ $lineColor: #4a9ef8;
 }
 // #endregion
 
-.M-Flipper {
+.go-Flipper {
   display: inline-block;
   position: relative;
   width: $width;