diff --git a/app/components/NowPlaying.tsx b/app/components/NowPlaying.tsx
index 536089b..4614e89 100644
--- a/app/components/NowPlaying.tsx
+++ b/app/components/NowPlaying.tsx
@@ -28,7 +28,7 @@ const NowPlaying: React.FC = () => {
 
   if (!track) {
     return (
-      <div className="max-w-2xl mx-auto">
+      <div className="max-w-2xl mx-auto mt-4">
         <h2 className="text-2xl font-bold mb-4 pt-10 text-gray-200">Music</h2>
         <div className="flex justify-center items-center border border-gray-300 rounded-lg p-4 max-w-md mt-8">
           <span className="spinner-border animate-spin inline-block w-8 h-8 border-4 rounded-full" role="status"></span>
@@ -38,7 +38,7 @@ const NowPlaying: React.FC = () => {
   }
 
   return (
-    <div className="max-w-2xl mx-auto">
+    <div className="max-w-2xl mx-auto mt-4">
       <h2 className="text-2xl font-bold mb-4 pt-10 text-gray-200">Music</h2>
       <div className="now-playing flex items-center border border-gray-300 rounded-lg p-4 max-w-md mt-8 bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg">
         <Image