diff --git a/src/GameOptions/ui/ConnectionBauble.tsx b/src/GameOptions/ui/ConnectionBauble.tsx
index cad5a17a3..7b2cef418 100644
--- a/src/GameOptions/ui/ConnectionBauble.tsx
+++ b/src/GameOptions/ui/ConnectionBauble.tsx
@@ -1,11 +1,11 @@
-import React, {useState, useEffect } from "react";
+import React, { useState, useEffect } from "react";
 
 interface baubleProps {
   callback: () => boolean;
 }
 
-export const ConnectionBauble = (props: baubleProps): React.ReactElement  => {
-  const [connection, setConnection] = useState(props.callback())
+export const ConnectionBauble = (props: baubleProps): React.ReactElement => {
+  const [connection, setConnection] = useState(props.callback());
 
   useEffect(() => {
     setInterval(() => {
@@ -13,9 +13,5 @@ export const ConnectionBauble = (props: baubleProps): React.ReactElement  => {
     }, 1000);
   });
 
-  return (
-    <div className="ConnectionBauble">
-      {connection? "Connected" : "Disconnected"}
-    </div>
-  );
-}
+  return <div className="ConnectionBauble">{connection ? "Connected" : "Disconnected"}</div>;
+};
diff --git a/src/GameOptions/ui/CurrentOptionsPage.tsx b/src/GameOptions/ui/CurrentOptionsPage.tsx
index ee403ca50..7ab6ec88c 100644
--- a/src/GameOptions/ui/CurrentOptionsPage.tsx
+++ b/src/GameOptions/ui/CurrentOptionsPage.tsx
@@ -9,7 +9,7 @@ import { GameOptionsTab } from "../GameOptionsTab";
 import { GameOptionsPage } from "./GameOptionsPage";
 import { OptionsSlider } from "./OptionsSlider";
 import Button from "@mui/material/Button";
-import { ConnectionBaub, ConnectionBauble } from "./ConnectionBauble";
+import { ConnectionBauble } from "./ConnectionBauble";
 
 interface IProps {
   currentTab: GameOptionsTab;