Examples - Drag and drop - Using the theme styles for the sidebar nodes

Otherwise the styles diverge and nodes look different on the sidebar and the canvas.

example/src/DragNDrop/dnd.css

@@ -11,28 +11,13 @@
   background: #fcfcfc;
 }
 
-.dndflow aside .description {
+.dndflow aside > * {
   margin-bottom: 10px;
-}
-
-.dndflow .dndnode {
-  height: 20px;
-  padding: 4px;
-  border: 1px solid #1a192b;
-  border-radius: 2px;
-  margin-bottom: 10px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
   cursor: grab;
 }
 
-.dndflow .dndnode.input {
-  border-color: #0041d0;
-}
-
-.dndflow .dndnode.output {
-  border-color: #ff0072;
+.dndflow aside .description {
+  margin-bottom: 10px;
 }
 
 .dndflow .reactflow-wrapper {
@@ -47,6 +32,6 @@
 
   .dndflow aside {
     width: 20%;
-    max-width: 250px;
+    max-width: 180px;
   }
 }