diff --git a/frontend/src/views/Transcripts.svelte b/frontend/src/views/Transcripts.svelte
index f5c787b..fd4241a 100644
--- a/frontend/src/views/Transcripts.svelte
+++ b/frontend/src/views/Transcripts.svelte
@@ -1,6 +1,6 @@
 <div class="content">
   <div class="col">
-    <Card footer={false} ref="filter-card">
+    <Card footer footerRight ref="filter-card">
       <span slot="title">
         <i class="fas fa-filter"></i>
         Filter Logs
@@ -23,7 +23,7 @@
               <PanelDropdown label="Panel" isMulti={false} bind:panels bind:selected={selectedPanel} />
             </div>
 
-            <Dropdown col4={true} label="Rating" bind:value={filterSettings.rating}>
+            <Dropdown label="Rating" bind:value={filterSettings.rating}>
               <option value=0>Any</option>
               <option value=1>1 ⭐</option>
               <option value=2>2 ⭐</option>
@@ -32,11 +32,11 @@
               <option value=5>5 ⭐</option>
             </Dropdown>
           </div>
-          <div class="row centre">
-            <Button icon="fas fa-search">Filter</Button>
-          </div>
         </form>
       </div>
+      <div slot="footer">
+        <Button icon="fas fa-search">Filter</Button>
+      </div>
     </Card>
 
     <div style="margin: 2% 0;">
@@ -257,7 +257,8 @@
     .row {
         display: flex;
         flex-direction: row;
-        justify-content: space-between;
+        justify-content: flex-start;
+        gap: 2%;
         width: 100%;
         height: 100%;
     }