MMM-MyScoreboard and MMM-awesome-alexa Formatting issues

gearomatic

I had been using MMM-My-Scoreboard fine up until I installed MMM-awesome-alexa.

Now when I include the MMM-awesome-alexa module any where, it changes the formatting of MMM-My-Scoreboard so it is a single horizontal line See here It should be vertical on the left hand side. And indeed when i remove the alexa module from the config file it returns to normal. Also the alexa dot that pops up is in the center of the screen, right over the line that the sports are on, Not at the top ( i dont really care where it is, was just moving it away from the scoreboard. the alexa module is confirmed working.

Any clues?

The config for MMM-awesome-alexa

{
     module: "MMM-awesome-alexa",
     position: "top_bar",
     config: {
         wakeWord: "Alexa",
         clientId: "amzn1....",
         clientSecret: "....",
         deviceId: "....",
         refreshToken: "A....",
         lite: false,
         isSpeechVisualizationEnabled: false
     }
 },

and for MMM-MyScoreboard

{
  			module: "MMM-MyScoreboard",
 			position: "top_left",
  			classes: "default everyone",
  			header: "Sports",
  config: {
    showLeagueSeparators: true,
    colored: false,
    viewStyle: "mediumLogos",
    sports: [
      {
        league: "NHL"
      },
      {
        league: "MLB"
      },
      {
        league: "NFL"
      },
      {
        league: "NCAAM_MM",
        label: "March Madness"
      }
    ]

  }
},