diff --git a/resources/assets/snippets/Dynamic-Left-Sidebar.gif b/resources/assets/snippets/Dynamic-Left-Sidebar.gif
new file mode 100644
index 00000000..f2a742eb
Binary files /dev/null and b/resources/assets/snippets/Dynamic-Left-Sidebar.gif differ
diff --git a/resources/snippets.json b/resources/snippets.json
index 3f7c9ac2..d91732e7 100644
--- a/resources/snippets.json
+++ b/resources/snippets.json
@@ -71,6 +71,12 @@
     "code": "#Desktop_LeftSidebar_Id {\n  position: absolute;\n  left: -280px;\n  width: 288px;\n  height: 100%;\n  background-color: black;\n  opacity: 0;\n  visibility: visible;\n  transition: left 0.5s ease, opacity 0.5s ease;\n  z-index: 12;\n}\n#Desktop_LeftSidebar_Id:hover {\n  left: 0;\n  opacity: 1;\n  visibility: visible;\n}\n:root {\n  margin-left: -8px;\n}",
     "preview": "resources/assets/snippets/new-hover-panel.png"
   },
+  {
+    "title": "Dynamic Left Sidebar",
+    "description": "Make the left sidebar dynamic, so it only shows when you hover over it and pushes the main content to the right.",
+    "code": "#Desktop_LeftSidebar_Id {\n  width: 0px;\n  transition: width 0.5s ease, padding-left 0.5s ease;\n  z-index: 12;\n}\n#Desktop_LeftSidebar_Id:hover {\n  padding-left: 8px;\n  width: 280px;\n}\n:root {\n  margin-left: -8px;\n}\nsvg[data-encore-id='icon']{\n  overflow: visible;\n}\nspan{\n  white-space: nowrap;\n}",
+    "preview": "resources/assets/snippets/Dynamic-Left-Sidebar.gif"
+  },
   {
     "title": "Hide Made For YOU",
     "description": "Hide the 'Made For YOU' section on the home page.",