[backport core/1.33] Fix issue No#7155: Nodes 2.0: Load Audio node is broken (#7261)

Backport of #7175 to `core/1.33`

Automatically created by backport workflow.

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-7261-backport-core-1-33-Fix-issue-No-7155-Nodes-2-0-Load-Audio-node-is-broken-2c46d73d36508149b7d4eeddbc05919f)
by [Unito](https://www.unito.io)

Co-authored-by: Kelly Yang <124ykl@gmail.com>

src/renderer/extensions/vueNodes/widgets/components/WidgetAudioUI.vue

@@ -1,14 +1,15 @@
 <template>
-  <div class="w-full">
-    <WidgetSelect v-model="modelValue" :widget />
-    <div class="my-4">
-      <AudioPreviewPlayer
-        :audio-url="audioUrlFromWidget"
-        :readonly="readonly"
-        :hide-when-empty="isOutputNodeRef"
-        :show-options-button="true"
-      />
-    </div>
+  <div
+    class="w-full col-span-2 widget-expands grid grid-cols-[minmax(80px,max-content)_minmax(125px,auto)] gap-y-3 p-3"
+  >
+    <WidgetSelect v-model="modelValue" :widget class="col-span-2" />
+    <AudioPreviewPlayer
+      class="col-span-2"
+      :audio-url="audioUrlFromWidget"
+      :readonly="readonly"
+      :hide-when-empty="isOutputNodeRef"
+      :show-options-button="true"
+    />
   </div>
 </template>