diff --git a/src/components/Molecules/GasCard/GasCard.tsx b/src/components/Molecules/GasCard/GasCard.tsx
index 2f462308..68ea197f 100644
--- a/src/components/Molecules/GasCard/GasCard.tsx
+++ b/src/components/Molecules/GasCard/GasCard.tsx
@@ -226,7 +226,9 @@ export const GasCard: React.FC<GasCardProps> = ({ chain_name }) => {
                                 <Button
                                     disabled={!maybeResult.isDefined}
                                     variant={
-                                        selectedValue ? "primary" : "outline"
+                                        selectedValue === "erc"
+                                            ? "primary"
+                                            : "outline"
                                     }
                                     onClick={() => setSelectedValue("erc")}
                                     size={"sm"}
@@ -236,7 +238,9 @@ export const GasCard: React.FC<GasCardProps> = ({ chain_name }) => {
                                 <Button
                                     disabled={!maybeResult.isDefined}
                                     variant={
-                                        !selectedValue ? "primary" : "outline"
+                                        selectedValue === "native"
+                                            ? "primary"
+                                            : "outline"
                                     }
                                     onClick={() => setSelectedValue("native")}
                                     size={"sm"}