diff --git a/public/index.html b/public/index.html
index 32f1d803..78dfab4d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -15,9 +15,18 @@
-
-
-
Version %REACT_APP_FULL_VERSION_INFO%
+
+ v%REACT_APP_FULL_VERSION_INFO%
diff --git a/src/App.jsx b/src/App.jsx
index 6669ff91..fc4f7f3d 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -122,14 +122,24 @@ export default class App extends Component {
Repository
Preferences
+
-
- {this.state.repoDescription}
-
-
diff --git a/src/components/SetupRepository.jsx b/src/components/SetupRepository.jsx
index 485c1530..12bc2cb5 100644
--- a/src/components/SetupRepository.jsx
+++ b/src/components/SetupRepository.jsx
@@ -23,6 +23,7 @@ import { SetupRepositorySFTP } from './SetupRepositorySFTP';
import { SetupRepositoryToken } from './SetupRepositoryToken';
import { SetupRepositoryWebDAV } from './SetupRepositoryWebDAV';
import { toAlgorithmOption } from '../utils/uiutil';
+import Badge from "react-bootstrap/Badge";
const supportedProviders = [
{ provider: "filesystem", description: "Local Directory or NAS", component: SetupRepositoryFilesystem },
@@ -230,7 +231,7 @@ export class SetupRepository extends Component {
data-testid={'provider-' + x.provider}
onClick={() => this.setState({ provider: x.provider, providerSettings: {} })}
variant={x.provider.startsWith("_") ? "secondary" : "primary"}
- className="providerIcon" >{x.description}
+ className="providerIcon" >{x.description}
)}
>;
@@ -304,9 +305,9 @@ export class SetupRepository extends Component {
}
return