Microsoft Teams Adaptive Card Not Opening URL

I created a messaging extension that creates an pop up adaptive card that gives three options and opens a link based on the option chosen. Currently I just want the Open Sync Room button to open up to an external website, but the button doesn't do anything.

This is my code for the adaptive card.

function syncRoom(context, action){
    const syncRoomList = [
        { name: 'Room 1' },
        { name: 'Room 2' },
        { name: 'Room 3' },
    ]
    const choices = [];
    syncRoomList.forEach(el => choices.push({ title: el.name, value: el.name }))
    const adaptiveCard = CardFactory.adaptiveCard({
        actions: [{
          title: 'Open Sync Room',
          type: "Action.OpenUrl",
          url: 'kloud.com'
        }],
        body: [
          { text: 'Sync Rooms', type: 'TextBlock', weight: 'bolder'},
          { choices, id: 'MultiSelect', style: 'expanded', type: 'Input.ChoiceSet' },
        ],
        type: 'AdaptiveCard',
        version: '1.0'
      });

      return {
        task: {
          type: 'continue',
          value: {
            card: adaptiveCard,
            height: 450,
            title: 'Sync Room List',
            url: null,
            width: 500
          }
        }
      };
}