Fixed lang picker only working on clicking the flag

css/service_card.css

@@ -74,24 +74,25 @@
 .service-card-container:hover {
     background-color: #4C40F7;
     transition-duration: 0.5s;
+    cursor: pointer;
 }
 .service-card-container:hover .service-card-icon {
     background-color: white;
     filter: none;
     box-shadow: none;
     color: #4C40F7;
-    transition-duration: 0.5s;
+    transition-duration: 1s;
 }
 .service-card-container:hover .service-card-title {
     color: white;
-    transition-duration: 0.5s;
+    transition-duration: 1s;
 }
 .service-card-container:hover .service-card-description {
     color: white;
-    transition-duration: 0.5s;
+    transition-duration: 1s;
 }
 .service-card-container:hover .service-card-button {
-    transition-duration: 0.5s;
+    transition-duration: 1s;
     background-color: #F3F4F6;
 }
 

src/components/language_picker.rs

@@ -32,12 +32,12 @@ pub fn language_picker(props: &LanguagePickerProps) -> Html {
         })
     };
     html! {
-        <div class={"language-picker-container"}>
+        <div class={"language-picker-container"} onclick={onclick}>
-            <div onclick={onclick} class={"language-picker-selected-language-display"}>
+            <div class={"language-picker-selected-language-display"}>
                 {
                     match *language_handle {
                         Language::EnUs => "🇺🇸",
-                        Language::EsDo => "🇪🇸",
+                        Language::EsDo => "🇩🇴",
                     }
                 }
             </div>