diff --git a/src/components/AvatarView.svelte b/src/components/AvatarView.svelte
index 655c143..bfaaff6 100644
--- a/src/components/AvatarView.svelte
+++ b/src/components/AvatarView.svelte
@@ -102,7 +102,7 @@
 			bind:textContent={state.description}
 		></span>
 		<span
-			class="md-preview"
+			class="avatar-plugin--md-preview"
 			hidden={editMode}
 			bind:this={descriptionPreviewEl}
 			data-placeholder="Write your story..."
diff --git a/styles.css b/styles.css
index 5659a1f..91bb0bc 100644
--- a/styles.css
+++ b/styles.css
@@ -1,23 +1,7 @@
-.show-in-source-view {
-	display: none;
-}
-
-.markdown-source-view > .show-in-source-view {
-	display: initial;
-}
-
-.show-in-reading-view {
-	display: none;
-}
-
-.markdown-reading-view > .show-in-reading-view {
-	display: initial;
-}
-
-.float-right {
+.avatar-plugin--float-right {
 	float: right;
 }
 
-.md-preview > * {
+.avatar-plugin--md-preview > * {
 	margin-top: 0;
 }