diff --git a/app/components/account-info/template.hbs b/app/components/account-info/template.hbs
index b8772de..b17f919 100644
--- a/app/components/account-info/template.hbs
+++ b/app/components/account-info/template.hbs
@@ -1,4 +1,4 @@
{{username}}
{{host}}
-{{#link-to "disconnect"}}X{{/link-to}}
\ No newline at end of file
+{{#link-to "disconnect" class="disconnect"}}disconnect{{/link-to}}
\ No newline at end of file
diff --git a/app/styles/components/_account-info.scss b/app/styles/components/_account-info.scss
index 07966e0..ed64e33 100644
--- a/app/styles/components/_account-info.scss
+++ b/app/styles/components/_account-info.scss
@@ -1,4 +1,5 @@
.account-info {
+ position: relative;
.username {
font-size: 1.4rem;
@@ -9,4 +10,19 @@
opacity: 0.7;
}
+ .disconnect {
+ display: inline-block;
+ margin-left: 0.5rem;
+ font-size: 0.8rem;
+ opacity: 0;
+ transition: opacity 0.2s linear;
+ }
+
+ &:hover {
+ .disconnect {
+ font-size: 0.8rem;
+ opacity: 1;
+ }
+ }
+
}