diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/basic-panel.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/basic-panel.svg
new file mode 100644
index 0000000000..f4fdfde30b
--- /dev/null
+++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/basic-panel.svg
@@ -0,0 +1,7 @@
+
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/basic_panel.jpg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/basic_panel.jpg
deleted file mode 100644
index 89dc411400..0000000000
Binary files a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/basic_panel.jpg and /dev/null differ
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/basic_panel.png b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/basic_panel.png
deleted file mode 100644
index c9c26ff730..0000000000
Binary files a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/basic_panel.png and /dev/null differ
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/search-panel.svg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/search-panel.svg
new file mode 100644
index 0000000000..a7e5aed11a
--- /dev/null
+++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/search-panel.svg
@@ -0,0 +1,59 @@
+
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/search_panel.jpg b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/search_panel.jpg
deleted file mode 100644
index 9a65daae12..0000000000
Binary files a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/search_panel.jpg and /dev/null differ
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/search_panel.png b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/search_panel.png
deleted file mode 100644
index 05459d04a6..0000000000
Binary files a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/img/search_panel.png and /dev/null differ
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/panel.md b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/panel.md
index ad04937301..bb7e8d39d5 100644
--- a/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/panel.md
+++ b/packages/documentation-site/patternfly-docs/content/design-guidelines/components/panel/panel.md
@@ -3,6 +3,8 @@ id: Panel
section: components
---
+import '../components.css';
+
## Usage
Panels are commonly used:
- To provide more content structure through the UI.
@@ -11,7 +13,10 @@ Panels are commonly used:
### Examples
The panel is used as a content block with a header, body, and footer.
-
+
+