From c4b63248e981bf8ec8f635de1eabe97845d87389 Mon Sep 17 00:00:00 2001
From: Quinta <0pietroquintavalle0@gmail.com>
Date: Sat, 29 Jun 2024 15:49:24 +0200
Subject: [PATCH] Styling stuff will add multilingual support

---
 app/page.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 60ed148..5a61dad 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -257,12 +257,12 @@ export default function Component() {
         </div>
         <div className="flex mt-10 space-x-4">
           <Button onClick={startAnimation}>Start</Button>
-          <Button onClick={pauseAnimation} variant="outline" a>Pause</Button>
+          <Button onClick={pauseAnimation} variant="outline">Pause</Button>
           <Button onClick={resetAnimation}>Reset</Button>
           <Button onClick={shuffleArray}>Shuffle</Button>
           <DropdownMenu>
-            <DropdownMenuTrigger>
-              {currentAlgorithm.charAt(0).toUpperCase() + currentAlgorithm.slice(1)} Sort
+            <DropdownMenuTrigger asChild>
+              <Button>{currentAlgorithm.charAt(0).toUpperCase() + currentAlgorithm.slice(1)} Sort</Button>
             </DropdownMenuTrigger>
             <DropdownMenuContent>
               <DropdownMenuRadioGroup
@@ -326,4 +326,3 @@ function ArrowUpDownIcon(props) {
       </svg>
   )
 }
-