diff --git a/python_docs_theme/static/pydoctheme.css b/python_docs_theme/static/pydoctheme.css
index 0f6f8d3..80f4082 100644
--- a/python_docs_theme/static/pydoctheme.css
+++ b/python_docs_theme/static/pydoctheme.css
@@ -149,6 +149,7 @@ div.sphinxsidebar {
     border-radius: 5px;
     line-height: 130%;
     font-size: smaller;
+    transition: width 0.3s ease;
 }
 
 div.sphinxsidebar h3,
@@ -205,6 +206,9 @@ div.sphinxsidebar input[type='text'] {
     width: 12px;
     border-radius: 0 5px 5px 0;
     border-left: none;
+    position: absolute;
+    right: 0;
+    transition: background-color 0.3s ease, color 0.3s ease;
 }
 
 #sidebarbutton span {
@@ -761,3 +765,14 @@ div.versionremoved .versionmodified {
         display: none;
     }
 }
+
+/* Animation */
+@media (prefers-reduced-motion: reduce) {
+    div.document {
+        transition: none;
+    }
+
+    #sidebarbutton {
+        transition: none;
+    }
+}