diff --git a/src/Components/Blueprints/BlueprintsSideBar.tsx b/src/Components/Blueprints/BlueprintsSideBar.tsx
index 60e85cd4..a2b9fe6b 100644
--- a/src/Components/Blueprints/BlueprintsSideBar.tsx
+++ b/src/Components/Blueprints/BlueprintsSideBar.tsx
@@ -3,9 +3,6 @@ import React, { useState, useCallback } from 'react';
 import {
   Bullseye,
   Button,
-  Card,
-  CardHeader,
-  CardTitle,
   EmptyState,
   EmptyStateActions,
   EmptyStateBody,
@@ -106,23 +103,14 @@ const BlueprintsSidebar = ({
               />
             </StackItem>
             <StackItem>
-              <Card
-                ouiaId={`blueprint-card-all`}
-                isCompact
-                isClickable
+              <Button
+                ouiaId={`clear-selected-blueprint-button`}
+                variant="link"
                 isDisabled={!selectedBlueprint}
+                onClick={() => setSelectedBlueprint(undefined)}
               >
-                <CardHeader
-                  selectableActions={{
-                    selectableActionId: 'show-all-card',
-                    name: 'blueprints',
-                    variant: 'single',
-                    onClickAction: () => setSelectedBlueprint(undefined),
-                  }}
-                >
-                  <CardTitle component="a">Clear selection</CardTitle>
-                </CardHeader>
-              </Card>
+                Clear selection
+              </Button>
             </StackItem>
           </>
         )}
diff --git a/src/test/Components/Blueprints/Blueprints.test.js b/src/test/Components/Blueprints/Blueprints.test.js
index 7917e1d8..f90f4e75 100644
--- a/src/test/Components/Blueprints/Blueprints.test.js
+++ b/src/test/Components/Blueprints/Blueprints.test.js
@@ -195,7 +195,7 @@ describe('Blueprints', () => {
 
       // wait for debounce
       await waitFor(() => {
-        expect(screen.getAllByRole('radio')).toHaveLength(2);
+        expect(screen.getAllByRole('radio')).toHaveLength(1);
       });
     });
   });