From 3bba03588d0f0b7d8edcb000a650544bf03e8686 Mon Sep 17 00:00:00 2001
From: austinkelsay <austinkelsay@yahoo.com>
Date: Mon, 7 Oct 2024 17:02:01 -0500
Subject: [PATCH] Fix message spacing, start on 0th message

---
 src/components/content/carousels/MessagesCarousel.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/content/carousels/MessagesCarousel.js b/src/components/content/carousels/MessagesCarousel.js
index 33b5abd..d5f0931 100644
--- a/src/components/content/carousels/MessagesCarousel.js
+++ b/src/components/content/carousels/MessagesCarousel.js
@@ -5,12 +5,11 @@ import Image from "next/image";
 import NostrIcon from "../../../../public/images/nostr.png";
 
 const MessageCarousel = ({ copyToClipboard }) => {
-
     const messageTemplate = ({title, description, showGithub, showX, showNostr, showYoutube, showDonate, showFeedback}) => (
         <div className="flex flex-col justify-between bg-gray-800 p-3 rounded-lg shadow-lg min-h-[182px]">
             <p className="text-[#f8f8ff] text-[18px] font-semibold">{title}</p>
             <p className="text-[#f8f8ff]">{description}</p>
-            <div className="flex flex-wrap gap-4 justify-center">
+            <div className="flex flex-wrap gap-4 justify-center mt-2">
                 {showGithub && (
                     <i
                         className="pi pi-github text-gray-300 cursor-pointer text-xl hover:opacity-80"
@@ -96,7 +95,7 @@ const MessageCarousel = ({ copyToClipboard }) => {
     ];
 
     return (
-        <Carousel autoplayInterval={5000} showNavigators={false} value={messages} numVisible={1} numScroll={1} itemTemplate={messageTemplate} />
+        <Carousel autoplayInterval={5000} showNavigators={false} value={messages} numVisible={1} numScroll={1} itemTemplate={messageTemplate} activeIndex={0} />
     );
 };