diff --git a/app/src/components/HintPart.vue b/app/src/components/HintPart.vue
index e156382..2f6e9b4 100644
--- a/app/src/components/HintPart.vue
+++ b/app/src/components/HintPart.vue
@@ -36,7 +36,7 @@ const right = () => {
       >
         <font-awesome-icon
           :icon="['fas', 'arrow-right']"
-          style="color: #deddda"
+          class="text-text"
           rotation="180"
         />
       </button>
@@ -51,10 +51,7 @@ const right = () => {
         @click="right"
         :disabled="current === sessionManager.hints.value.length - 1"
       >
-        <font-awesome-icon
-          :icon="['fas', 'arrow-right']"
-          style="color: #deddda"
-        />
+        <font-awesome-icon :icon="['fas', 'arrow-right']" class="text-text" />
       </button>
     </div>
   </div>