diff --git a/src/components/rating/Rating.css b/src/components/rating/Rating.css
index c7d23dda4..2fb626700 100644
--- a/src/components/rating/Rating.css
+++ b/src/components/rating/Rating.css
@@ -1,4 +1,4 @@
-.p-rating a {
+.p-rating .p-rating-icon {
     cursor: pointer;
 }
 
@@ -6,7 +6,7 @@
     font-size: 1.25em;
 }
 
-.p-rating.p-disabled a,
-.p-rating.p-rating-readonly a {
+.p-rating.p-disabled .p-rating-icon,
+.p-rating.p-rating-readonly .p-rating-icon {
     cursor: default;
 }
\ No newline at end of file
diff --git a/src/components/rating/Rating.vue b/src/components/rating/Rating.vue
index 52404b277..c98cfb222 100644
--- a/src/components/rating/Rating.vue
+++ b/src/components/rating/Rating.vue
@@ -1,11 +1,8 @@
 <template>
     <div :class="containerClass">
-        <a class="p-rating-cancel" v-if="cancel" @click="onCancelClick" tabindex="0">
-            <span class="p-rating-icon pi pi-ban"></span>
-        </a>
-        <a :key="i" v-for="i in stars" @click="onStarClick($event,i)" tabindex="0" @keydown.enter.prevent="onStarClick($event,i)">
-            <span :class="['p-rating-icon', {'pi pi-star-o': (i > value), 'pi pi-star': (i <= value)}]"></span>
-        </a>
+        <span class="p-rating-icon p-rating-cancel pi pi-ban" tabindex="0" v-if="cancel" @click="onCancelClick"></span>
+        <span :key="i" v-for="i in stars" @click="onStarClick($event,i)" tabindex="0" @keydown.enter.prevent="onStarClick($event,i)"
+            :class="['p-rating-icon', {'pi pi-star-o': (i > value), 'pi pi-star': (i <= value)}]"></span>
     </div>
 </template>