diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index cf350ae..326d3de 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -15,10 +15,10 @@ jobs:
       version: ${{ steps.daily-version.outputs.version }}
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
         with:
           fetch-depth: 20
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
           node-version: 16
           cache: npm
@@ -50,8 +50,8 @@ jobs:
           - chrome
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
         with:
           node-version: 16
           cache: npm
diff --git a/README.md b/README.md
index aeceb49..8a2d993 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,8 @@
 # Auto Archiver Extension
 
-Chromium browser extension that connects to an API that calls [Bellingcat's auto-archiver](https://github.com/bellingcat/auto-archiver). 
+Chromium browser extension that connects to an [API](https://github.com/bellingcat/auto-archiver-api) that calls [Bellingcat's auto-archiver](https://github.com/bellingcat/auto-archiver).
 
-> Beta deployment: only authorized emails can use it. Available on [chrome web store](https://chrome.google.com/webstore/detail/auto-archiver-extension/ojcimmjndnlmmlgnjaeojoebaceokpdp)
+> Available on [chrome web store](https://chrome.google.com/webstore/detail/auto-archiver-extension/ojcimmjndnlmmlgnjaeojoebaceokpdp)
 
 ![Sample extension](media/screenshot-01.png)
 
@@ -56,8 +56,8 @@ Thanks to the included [GitHub Action Workflows](.github/workflows), if you set
 
 #### Funding
 
-<img src="https://user-images.githubusercontent.com/6727285/196693069-17301add-b19e-4375-a474-ea8cbca801f8.jpg" width="32px"/> 
+<img src="https://user-images.githubusercontent.com/6727285/196693069-17301add-b19e-4375-a474-ea8cbca801f8.jpg" width="32px"/>
 
 This project is funded by the European Union under contract number: INEA/CEF/ICT/A2020/2381738.
 
-Dit project is gefinancierd door de Europese Unie onder overeenkomstnummer: INEA/CEF/ICT/A2020/2381738. 
\ No newline at end of file
+Dit project is gefinancierd door de Europese Unie onder overeenkomstnummer: INEA/CEF/ICT/A2020/2381738.
diff --git a/source/css/popup.css b/source/css/popup.css
index a7d4777..94d96a5 100644
--- a/source/css/popup.css
+++ b/source/css/popup.css
@@ -29,7 +29,7 @@ textarea {
 }
 
 .section-title {
-	color: teal;
+	color: #008080;
 }
 
 /* .archive-results td {
@@ -54,19 +54,18 @@ table td {
 	padding-right: 10px;
 }
 
-#archiveModal {
+#archive-modal {
 	max-height: 90%;
 	font-size: 0.83em;
 }
 
-#archiveModal select {
+#archive-modal select {
 	font-size: initial;
-	width: auto;
+	/* width: auto; */
 	display: inline;
 	margin-left: 10px;
-	padding: 0px;
-	height: initial;
-
+	padding: 0;
+	/* height: initial; */
 }
 
 .form-guide {
@@ -76,6 +75,6 @@ table td {
 }
 
 .switch label {
-	color: black;
+	color: #000000;
 	font-size: 1.1rem;
 }
diff --git a/source/vue/Popup.vue b/source/vue/Popup.vue
index bf5eb95..002c5a6 100644
--- a/source/vue/Popup.vue
+++ b/source/vue/Popup.vue
@@ -20,7 +20,7 @@
 	</div>
 
 
-	<div id="archiveModal">
+	<div id="archive-modal">
 		<div class="modal-content" style="display: flex; align-items: center; gap: 10px;">
 			<span class="switch">
 				<!-- <span class="form-guide">Visibility:</span> -->