diff --git a/src/components/Connection.tsx b/src/components/Connection.tsx
index 82b971e..00923a9 100644
--- a/src/components/Connection.tsx
+++ b/src/components/Connection.tsx
@@ -742,7 +742,7 @@ const Connection: React.FC<ConnectionProps> = ({
     <div className="absolute left-4 flex items-center mx-0 px-0 space-x-1">
       {isRecordingRef.current && (
         <div className="flex items-center space-x-1 w-min ml-2">
-          <button className="flex items-center justify-center px-3 py-2   select-none min-w-20 bg-primary text-destructive whitespace-nowrap rounded"
+          <button className="flex items-center justify-center px-3 py-2   select-none min-w-20 bg-primary text-destructive whitespace-nowrap rounded-xl"
           >
             {formatTime(elapsedTime)}
           </button>
@@ -754,7 +754,7 @@ const Connection: React.FC<ConnectionProps> = ({
             >
               <PopoverTrigger asChild>
                 <Button
-                 className="flex items-center justify-center px-3 py-2   select-none min-w-12  text-destructive whitespace-nowrap rounded"
+                 className="flex items-center justify-center px-3 py-2   select-none min-w-12  text-destructive whitespace-nowrap rounded-xl"
                   variant="destructive"
                 >
                   {endTimeRef.current === null ? (
diff --git a/src/components/LandingComp/HeadSection.tsx b/src/components/LandingComp/HeadSection.tsx
index 9c1782e..81cf88d 100644
--- a/src/components/LandingComp/HeadSection.tsx
+++ b/src/components/LandingComp/HeadSection.tsx
@@ -64,7 +64,7 @@ const HeadSection: React.FC = () => {
 
               <div className="flex flex-col sm:flex-row justify-center items-center sm:justify-start md:justify-start gap-3 sm:gap-5 space-y-0 my-10">
                 <Link href="/stream">
-                  <Button className="hidden sm:flex items-center justify-center py-2 px-4 sm:py-2 sm:px-6 rounded-full font-semibold">
+                  <Button className="hidden sm:flex items-center justify-center py-2 px-4 sm:py-2 sm:px-6 rounded-xl font-semibold">
                     <Image
                       src={currentTheme === "dark" ? "./assets/dark/favicon.ico" : "./assets/light/favicon.ico"}
                       width={16}
@@ -78,7 +78,7 @@ const HeadSection: React.FC = () => {
                 <Link href="https://github.com/upsidedownlabs/Chords-Arduino-Firmware" target="_blank">
                   <Button
                     variant="outline"
-                    className="hidden sm:flex items-center justify-center py-2 px-4 sm:py-2 sm:px-6 rounded-full border border-gray-300 text-gray-600 font-semibold"
+                    className="hidden sm:flex items-center justify-center py-2 px-4 sm:py-2 sm:px-6 rounded-xl border border-gray-300 text-gray-600 font-semibold"
                   >
                     <GitHubLogoIcon className="mr-2 h-5 w-5" />
                     <span>Arduino Firmware</span>