diff --git a/week6/public/index.html b/week6/public/index.html
index 76ff462..5bf201b 100644
--- a/week6/public/index.html
+++ b/week6/public/index.html
@@ -11,7 +11,7 @@
       <h1>A wild webpage appears...</h1>
       <div id="list-container"></div>
       <button id="add-file-button" class="btn btn-primary" onclick="toggleAddFileForm()">Add File</button>
-      <div id="form-container" class="panel hidden">
+      <div id="form-container" class="panel d-none">
         <form id="add-file-form">
           <div class="form-group">
             <label for="file-title">Title</label>
diff --git a/week6/public/js/app.js b/week6/public/js/app.js
index 013bd63..ae04355 100644
--- a/week6/public/js/app.js
+++ b/week6/public/js/app.js
@@ -32,7 +32,7 @@ function toggleAddFileForm() {
 }
 
 function toggleAddFileFormVisibility() {
-  $('#form-container').toggleClass('hidden');
+  $('#form-container').toggleClass('d-none');
 }
 
 function submitFileForm() {
diff --git a/week6/readme.md b/week6/readme.md
index adc8985..0b086be 100644
--- a/week6/readme.md
+++ b/week6/readme.md
@@ -88,7 +88,7 @@ npm install
 5. Create a javascript function to toggle the visibility of the form container:
   ```javascript
   function toggleAddFileFormVisibility() {
-    $('#form-container').toggleClass('hidden');
+    $('#form-container').toggleClass('d-none');
   }
   ```