diff --git a/packages/components/src/common/svgs/IconBookSmall.svg b/packages/components/src/common/svgs/IconBookSmall.svg
new file mode 100644
index 000000000..4bc09c191
--- /dev/null
+++ b/packages/components/src/common/svgs/IconBookSmall.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="black">
+  <path fill-rule="evenodd" clip-rule="evenodd"
+    d="M12.365 0.75H3.63501C2.53044 0.75 1.63501 1.64543 1.63501 2.75V13.25C1.63501 14.3546 2.53044 15.25 3.63501 15.25H12.365C13.1774 15.25 13.8767 14.7656 14.1898 14.0699C14.2571 13.9203 14.1351 13.7647 13.9779 13.7175C13.5992 13.604 13.31 13.2894 13.31 12.8511C13.31 12.4365 13.5505 12.1615 13.8765 12.0294C14.1324 11.9257 14.365 11.7143 14.365 11.4382V2.75C14.365 1.64543 13.4696 0.75 12.365 0.75ZM3.13318 10.6011C3.4613 10.4361 3.83569 10.3482 4.2175 10.3464V2.2511C3.92992 2.2511 3.65416 2.34767 3.45085 2.51953C3.24739 2.69152 3.13318 2.92463 3.13318 3.16771V10.6011ZM11.1398 3.89273H7.4398C7.08082 3.89273 6.7898 4.18375 6.7898 4.54273C6.7898 4.90172 7.08082 5.19273 7.4398 5.19273H11.1398C11.4988 5.19273 11.7898 4.90172 11.7898 4.54273C11.7898 4.18375 11.4988 3.89273 11.1398 3.89273ZM12.4304 11.9511C12.1141 12.1265 11.9 12.4638 11.9 12.8511C11.9 13.2384 12.1141 13.5757 12.4304 13.7511H4.03318C3.53612 13.7511 3.13318 13.3482 3.13318 12.8511C3.13318 12.3541 3.53612 11.9511 4.03318 11.9511H12.4304Z"
+  />
+</svg>
\ No newline at end of file
diff --git a/packages/components/src/core/Icon/map.ts b/packages/components/src/core/Icon/map.ts
index ab371ca1d..5b2cca653 100644
--- a/packages/components/src/core/Icon/map.ts
+++ b/packages/components/src/core/Icon/map.ts
@@ -5,6 +5,7 @@ import { ReactComponent as IconBarChartHorizontal3Small } from "../../common/svg
 import { ReactComponent as IconBarChartVertical3Small } from "../../common/svgs/IconBarChartVertical3Small.svg";
 import { ReactComponent as IconBarChartVertical4Small } from "../../common/svgs/IconBarChartVertical4Small.svg";
 import { ReactComponent as IconBookLarge } from "../../common/svgs/IconBookLarge.svg";
+import { ReactComponent as IconBookSmall } from "../../common/svgs/IconBookSmall.svg";
 import { ReactComponent as IconCheckCircleLarge } from "../../common/svgs/IconCheckCircleLarge.svg";
 import { ReactComponent as IconCheckCircleSmall } from "../../common/svgs/IconCheckCircleSmall.svg";
 import { ReactComponent as IconCheckSmall } from "../../common/svgs/IconCheckSmall.svg";
@@ -144,7 +145,7 @@ export interface IconNameToSizes {
   BarChartHorizontal3: "xs" | "s";
   BarChartVertical3: "xs" | "s";
   BarChartVertical4: "xs" | "s";
-  Book: "l" | "xl";
+  Book: "xs" | "s" | "l" | "xl";
   Check: "xs" | "s";
   CheckCircle: "xs" | "s" | "l" | "xl";
   ChevronDown: "xs" | "s" | "l" | "xl";
@@ -280,7 +281,7 @@ export const iconMap: Props = {
   },
   Book: {
     largeIcon: IconBookLarge,
-    smallIcon: null,
+    smallIcon: IconBookSmall,
   },
   Check: {
     largeIcon: null,