diff --git a/frontend/src/lib/components/announcement.svelte b/frontend/src/lib/components/announcement.svelte
index 9f077b6..e8bd98b 100644
--- a/frontend/src/lib/components/announcement.svelte
+++ b/frontend/src/lib/components/announcement.svelte
@@ -1,9 +1,3 @@
-<!--
-    announcement.svelte
-
-    used to display a short announcement at the top of the site
--->
-
 <script>
     import { slide } from 'svelte/transition';
     export let message;
@@ -16,12 +10,13 @@
 
 {#if visible}
     <div transition:slide bind:this={noderef} class="announcement prevent-select" style="background-color: {color};">
+        
         {#if link}
             <a href={link}>{message}</a>
         {:else}
             {message}
         {/if}
-        
+
         <input class="close-button" type="button" value="" on:click={() => visible = false}>
     </div>
 {/if}
@@ -31,22 +26,27 @@
         display: flex;
         justify-content: center;
         align-items: center;
+
         gap: 5px;
         height: 36px;
+
         font-size: 18px;
+
         color: white;
     }
 
     .close-button {
+        height: 25px;
+        width: 25px;
+
         cursor: pointer;
         background-color: white;
+
         object-fit: contain;
         -webkit-mask-image: url('$lib/images/icons/ui/cross.svg');
         mask-image: url('$lib/images/icons/ui/cross.svg');
         mask-repeat: no-repeat;
         mask-size: contain;
-        height: 25px;
-        width: 25px;
     }
 
     a, a:visited, a:hover, a:active {