diff --git a/client/extensions/orangelogic-extension/src/search-panel-widget.tsx b/client/extensions/orangelogic-extension/src/search-panel-widget.tsx
index 9bcb991b..e4cbd07f 100644
--- a/client/extensions/orangelogic-extension/src/search-panel-widget.tsx
+++ b/client/extensions/orangelogic-extension/src/search-panel-widget.tsx
@@ -1,5 +1,6 @@
 import * as React from 'react';
 import {ISearchPanelWidgetProps, ISuperdesk} from 'superdesk-api';
+import {CheckboxButton, Spacer} from 'superdesk-ui-framework/react';
 
 type IMediaType = 'Image' | 'Video';
 
@@ -51,15 +52,13 @@ export const searchPanelWidgetFactory = (
 
             return (
                 <fieldset>
-                    <div className="field">
-                        <label className="search-label"></label>
-                        {mediaTypes.map((type) => (
-                            <button key={type.type}
-                                className={'btn btn--primary' + (this.isActive(type.type) ? ' btn--active' : '')}
-                                onClick={() => this.toggleMediaType(type.type)}
-                            >{type.label}</button>
-                        ))}
-                    </div>
+                    <div className="field sd-margin-t--2">
+                        <Spacer h gap={'4'}>
+                            {mediaTypes.map((type, i) => (
+                                <CheckboxButton key={i} checked={this.isActive(type.type)} label={{text: type.label}} onChange={() => this.toggleMediaType(type.type)} />
+                            ))}
+                        </Spacer>
+                    </div>                 
                     <div className="field">
                         <label className="search-label">{gettext('From')}</label>
                         <input type="date" value={params.from || ''}
@@ -76,4 +75,4 @@ export const searchPanelWidgetFactory = (
             );
         }
     };
-};
\ No newline at end of file
+};
diff --git a/client/package.json b/client/package.json
index 815c5807..24a32cd1 100644
--- a/client/package.json
+++ b/client/package.json
@@ -4,7 +4,8 @@
     "dependencies": {
         "superdesk-analytics": "github:superdesk/superdesk-analytics#v2.8.0",
         "superdesk-core": "github:superdesk/superdesk-client-core#release/2.8",
-        "superdesk-planning": "github:superdesk/superdesk-planning#release/2.8"
+        "superdesk-planning": "github:superdesk/superdesk-planning#release/2.8",
+        "superdesk-ui-framework": "^3.1.22"
     },
     "devDependencies": {
         "@superdesk/build-tools": "^1.0.19",