From 845994e014cf91ff97fd37d03796ad3922176235 Mon Sep 17 00:00:00 2001
From: Maria Torrente <64274966+mariatorrentedev@users.noreply.github.com>
Date: Thu, 18 Apr 2024 18:34:13 -0400
Subject: [PATCH] Minor ui update (#13)

* Some clean up, added Spotify icon for offline/loading state

* Minor clean up in Mobile view
---
 src/components/SpotifyNowPlaying.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/SpotifyNowPlaying.tsx b/src/components/SpotifyNowPlaying.tsx
index fe84e18..e3ec411 100644
--- a/src/components/SpotifyNowPlaying.tsx
+++ b/src/components/SpotifyNowPlaying.tsx
@@ -32,7 +32,7 @@ const StyledTypography = styled(Typography)(({ theme }) => ({
 
 function SpotifyMessage({ message }: { message: string }) {
   return (
-    <Stack flexDirection="row" alignItems="center">
+    <Stack flexDirection="row" alignItems={["baseline", "center"]}>
       <Icon sx={{ marginTop: [0, 1], marginRight: 1 }}>
         <img src={SpotifyIcon} alt="Spotify" />
       </Icon>