diff --git a/chrome/bar/urlbar.css b/chrome/bar/urlbar.css
index 831b0f4..6848d11 100644
--- a/chrome/bar/urlbar.css
+++ b/chrome/bar/urlbar.css
@@ -47,6 +47,22 @@
   opacity: 0 !important;
 }
 
+@keyframes slideUp {
+  from {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+/* Slide-up animation of the urls when the URL bar is focused */
+#urlbar[focused] #urlbar-results {
+  animation: slideUp 0.2s ease-out forwards;
+}
+
 @keyframes darkenBackground {
   from {
     background-color: rgba(0, 0, 0, 0);