diff --git a/src/components/Dialog/QRDialog.tsx b/src/components/Dialog/QRDialog.tsx
index 3bf51bfe..e58455b3 100644
--- a/src/components/Dialog/QRDialog.tsx
+++ b/src/components/Dialog/QRDialog.tsx
@@ -98,14 +98,14 @@ export const QRDialog = ({
           <div className="flex justify-center">
             <button
               type="button" 
-              className={ "border-black border-t border-l border-b rounded-l h-10 px-7 py-2 text-sm font-medium focus:outline-none focus:ring-2" + (qrCodeAdd ? "focus:ring-green-800 focus:ring-offset-2 bg-green-800 text-white hover:bg-green-800" : "focus:ring-slate-400 focus:ring-offset-2 bg-slate-400 text-white hover:bg-green-600") }
+              className={ "border-black border-t border-l border-b rounded-l h-10 px-7 py-2 text-sm font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 " + (qrCodeAdd ? "focus:ring-green-800 bg-green-800 text-white" : "focus:ring-slate-400 bg-slate-400 hover:bg-green-600") }
               onClick={() => setQrCodeAdd(true)}
               >
                 Add Channels
             </button>
             <button
               type="button" 
-              className={ "border-black border-t border-r border-b rounded-r h-10 px-4 py-2 text-sm font-medium focus:outline-none focus:ring-2" + (!qrCodeAdd ? "focus:ring-green-800 focus:ring-offset-2 bg-green-800 text-white hover:bg-green-800" : "focus:ring-slate-400 focus:ring-offset-2 bg-slate-400 text-white hover:bg-green-600") }
+              className={ "border-black border-t border-r border-b rounded-r h-10 px-4 py-2 text-sm font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 " + (!qrCodeAdd ? "focus:ring-green-800 bg-green-800 text-white" : "focus:ring-slate-400 bg-slate-400 hover:bg-green-600") }
               onClick={() => setQrCodeAdd(false)}
               >
                 Replace Channels