diff --git a/res/css/structures/_MyGroups.scss b/res/css/structures/_MyGroups.scss
index 24b9213336..1f84ccb9cf 100644
--- a/res/css/structures/_MyGroups.scss
+++ b/res/css/structures/_MyGroups.scss
@@ -17,6 +17,10 @@ limitations under the License.
 .mx_MyGroups {
     display: flex;
     flex-direction: column;
+
+    .mx_BetaCard {
+        margin: 0 40px;
+    }
 }
 
 .mx_MyGroups .mx_RoomHeader_simpleHeader {
@@ -35,12 +39,6 @@ limitations under the License.
     margin: 40px;
 }
 
-.mx_MyGroups {
-    .mx_BetaCard {
-        margin: 0 40px;
-    }
-}
-
 .mx_MyGroups_headerCard {
     flex: 1 0 50%;
     margin-bottom: 30px;
diff --git a/res/css/views/beta/_BetaCard.scss b/res/css/views/beta/_BetaCard.scss
index 1527df68e2..c8da313f8c 100644
--- a/res/css/views/beta/_BetaCard.scss
+++ b/res/css/views/beta/_BetaCard.scss
@@ -73,7 +73,6 @@ $pulse-color: $accent-color-alt;
 $dot-size: 12px;
 
 .mx_BetaDot {
-    background: black;
     border-radius: 50%;
     margin: 10px;
     height: $dot-size;
diff --git a/src/components/views/beta/BetaCard.tsx b/src/components/views/beta/BetaCard.tsx
index 9516ce975c..cbd2488249 100644
--- a/src/components/views/beta/BetaCard.tsx
+++ b/src/components/views/beta/BetaCard.tsx
@@ -26,7 +26,7 @@ interface IProps {
     featureId: string;
 }
 
-export const BetaPill = ({ onClick }) => {
+export const BetaPill = ({ onClick }: { onClick?: () => void }) => {
     return <span className="mx_BetaCard_betaPill" onClick={onClick}>
         { _t("Beta") }
     </span>;