From a20a30de43e177d1ab85770859d2db792116bf08 Mon Sep 17 00:00:00 2001
From: Nimit Bhargava <nimitbhargava@gmail.com>
Date: Mon, 7 Dec 2020 16:25:46 +0530
Subject: [PATCH] refactor: moving element style to style tag

---
 webapp/components/SocialMedia/SocialMedia.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/webapp/components/SocialMedia/SocialMedia.vue b/webapp/components/SocialMedia/SocialMedia.vue
index 68e52fae1..9b494d314 100644
--- a/webapp/components/SocialMedia/SocialMedia.vue
+++ b/webapp/components/SocialMedia/SocialMedia.vue
@@ -1,6 +1,6 @@
 <template>
   <ds-space v-if="user.socialMedia && user.socialMedia.length" margin="large">
-    <base-card style="position: relative; height: auto;">
+    <base-card class="social-media-bc">
       <ds-space margin="x-small">
         <ds-text tag="h5" color="soft">
           {{ $t('profile.socialMedia') }} {{ userName | truncate(15) }}?
@@ -40,3 +40,10 @@ export default {
   },
 }
 </script>
+
+<style scoped>
+.social-media-bc {
+  position: relative;
+  height: auto;
+}
+</style>