use flexbox

app.py

@@ -1,8 +1,7 @@
 """The FeatureInput enables a user to select from a list of features and set their values"""
 
-import param
-
 import panel as pn
+import param
 
 
 class FeatureInput(pn.widgets.CompositeWidget):
@@ -58,13 +57,9 @@ class FeatureInput(pn.widgets.CompositeWidget):
     @param.depends("features", watch=True, on_init=True)
     def _reset_selected_features(self):
         selected_features = []
-        for (
-            feature
-        ) in self.selected_features.copy():
+        for feature in self.selected_features.copy():
             if feature in self.features.copy():
-                selected_features.append(
-                    feature
-                )
+                selected_features.append(feature)
 
         self.param.selected_features.objects = list(self.features)
         self.selected_features = selected_features
@@ -101,6 +96,7 @@ class FeatureInput(pn.widgets.CompositeWidget):
         pn.bind(self._update_value, widget, watch=True)
         return widget
 
+
 def create_app():
     features = {
         "Blade Length (m)": 73.5,
@@ -122,12 +118,17 @@ def create_app():
         styles={"border": "1px solid lightgray", "border-radius": "5px"},
     )
 
-    return pn.Column(
-        "## Widget",
-        widget,
-        "## Value",
-        pn.pane.JSON(widget.param.value, width=500, height=300),
+    return pn.FlexBox(
+        pn.Column(
+            "## Widget",
+            widget,
+        ),
+        pn.Column(
+            "## Value",
+            pn.pane.JSON(widget.param.value, width=500, height=200),
+        ),
     )
-    
+
+
 if pn.state.served:
     create_app().servable()