diff --git a/HMI/README.md b/HMI/README.md
index f29b143a..92e8d1d6 100644
--- a/HMI/README.md
+++ b/HMI/README.md
@@ -105,7 +105,7 @@ entityUpd,*internalNameEntiy*,*heading*,*currentTemp*,*destTemp*,*status*,*minTe
 
 ### cardMedia Page
 
-entityUpd,|*internalNameEntiy*|*heading*|*icon*|*title*|*author*|*volume*
+entityUpd,|*internalNameEntiy*|*heading*|*icon*|*title*|*author*|*volume*|*playpauseicon*
 
 ## Messages from Nextion Display
 
@@ -177,6 +177,8 @@ ID | Icon
 5  | ![music](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/music.svg)
 6  | ![check-circle-outline](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/check-circle-outline.svg)
 7  | ![close-circle-outline](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/close-circle-outline.svg)
+8  | ![pause](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/pause.svg)
+9  | ![play](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/play.svg)
 
 
 # Design Guidelines for Nextion HMI Project
diff --git a/HMI/nspanel.HMI b/HMI/nspanel.HMI
index d7b04f00..471aacce 100644
Binary files a/HMI/nspanel.HMI and b/HMI/nspanel.HMI differ
diff --git a/HMI/nspanel.tft b/HMI/nspanel.tft
index f20b1b48..518c56b5 100644
Binary files a/HMI/nspanel.tft and b/HMI/nspanel.tft differ
diff --git a/apps/nspanel-lovelance-ui/nspanel-lovelance-ui.py b/apps/nspanel-lovelance-ui/nspanel-lovelance-ui.py
index c73f3e63..e98600dc 100644
--- a/apps/nspanel-lovelance-ui/nspanel-lovelance-ui.py
+++ b/apps/nspanel-lovelance-ui/nspanel-lovelance-ui.py
@@ -304,6 +304,7 @@ class NsPanelLovelanceUI:
     title        = ""
     author       = ""
     volume       = 0
+    iconplaypause = 8
     if "media_content_type" in entity.attributes:
       if entity.attributes.media_content_type == "music":
         icon = 5
@@ -313,8 +314,13 @@ class NsPanelLovelanceUI:
       author = entity.attributes.media_artist
     if "volume_level" in entity.attributes:
       volume = int(entity.attributes.volume_level*100)
+      
+    if entity.state == "playing":
+      iconplaypause = 8
+    else:
+      iconplaypause = 9
 
-    return "entityUpd,|{0}|{1}|{2}|{3}|{4}|{5}".format(item, heading, icon, title, author, volume)
+    return f"entityUpd,|{item}|{heading}|{icon}|{title}|{author}|{volume}|{iconplaypause}"
 
 
   def generate_page(self, page_number, page_type):