diff --git a/src/components/login.rs b/src/components/login.rs
index 90f0714..6494fa7 100644
--- a/src/components/login.rs
+++ b/src/components/login.rs
@@ -75,7 +75,7 @@ pub fn Login<'a>(cx: Scope, rw_store: &'a UseRw<Store>) -> Element {
             div {
                 class: ClassName::BODY,
                 div {
-                    class: ClassName::AVATAR_SELECTOR,
+                    class: ClassName::AVATAR_SELECTOR_CONTAINER,
                     AvatarSelector {},
                 },
 
diff --git a/src/components/login.scss b/src/components/login.scss
index 8c39f89..bbb2496 100644
--- a/src/components/login.scss
+++ b/src/components/login.scss
@@ -33,9 +33,11 @@
 			border-color: red;
 		}
 
-		.avatarSelector {
+		.avatar-selector-container {
 			height: 30%;
 			width: 100%;
+
+			padding-left: 25%;
 		}