diff --git a/client/src/activities_view.vala b/client/src/activities_view.vala
index 20bae2e..d6726e7 100644
--- a/client/src/activities_view.vala
+++ b/client/src/activities_view.vala
@@ -36,9 +36,7 @@ namespace StudySystemClient {
 
 			refreshing_indicator = new RefreshingIndicator(overlay);
 
-			refresh.begin((obj, res) => {
-					refresh.end(res);
-				});
+			this.map.connect(refresh);
 		}
 
 		private async void refresh() {
@@ -92,15 +90,18 @@ namespace StudySystemClient {
 			frame.halign = Gtk.Align.CENTER;
 			frame.valign = Gtk.Align.START;
 			frame.add_css_class("osd");
+			frame.add_css_class("popdown");
 			frame.set_child(content);
-		}
 
-		public void show() {
 			overlay.add_overlay(frame);
 		}
 
+		public void show() {
+			frame.add_css_class("visible");
+		}
+
 		public void hide() {
-			overlay.remove_overlay(frame);
+			frame.remove_css_class("visible");
 		}
 	}
 }
diff --git a/client/styles.css b/client/styles.css
index 852f142..1753e75 100644
--- a/client/styles.css
+++ b/client/styles.css
@@ -32,3 +32,11 @@
 overlay > frame.osd {
 	border-radius: 0 0 8px 8px;
 }
+
+.popdown {
+	transition: transform 200ms ease-in-out;
+	transform: translateY(-100px);
+}
+.popdown.visible {
+	transform: translateY(0);
+}