diff --git a/src/components/message/Message.vue b/src/components/message/Message.vue
index 942b3746e..0607b56e9 100755
--- a/src/components/message/Message.vue
+++ b/src/components/message/Message.vue
@@ -15,6 +15,8 @@
 </template>
 
 <script>
+import Ripple from '../ripple/Ripple';
+
 export default {
     props: {
         severity: {
@@ -59,6 +61,9 @@ export default {
                 'pi-times-circle': this.severity === 'error'
             }];
         }
+    },
+    directives: {
+        'ripple': Ripple
     }
 }
 </script>