diff --git a/components/icons/Icons.tsx b/components/icons/Icons.tsx
index 2816f0dd74..2b9d9d533c 100644
--- a/components/icons/Icons.tsx
+++ b/components/icons/Icons.tsx
@@ -475,16 +475,13 @@ export const IdIcon: React.FC<IconSvgProps> = ({
 }) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    fill="none"
+    fill="currentColor"
     height={size || height || 24}
-    viewBox="0 0 16 16"
+    viewBox="0 0 24 24"
     width={size || width || 24}
     {...props}
   >
-    <path
-      fill="currentColor"
-      d="M11.854 2.146a.5.5 0 0 0-.708.708L13.293 5H9.5a2 2 0 0 0-2 2v2a1 1 0 0 1-1 1h-.55a2.5 2.5 0 1 0 0 1h.55a2 2 0 0 0 2-2V7a1 1 0 0 1 1-1h3.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708zM5 10.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0"
-    />
+    <path d="M18 4v16H6V8.8L10.8 4zm0-2h-8L4 8v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2M9.5 19h-2v-2h2zm7 0h-2v-2h2zm-7-4h-2v-4h2zm3.5 4h-2v-4h2zm0-6h-2v-2h2zm3.5 2h-2v-4h2z" />
   </svg>
 );
 
diff --git a/components/ui/entities/snippet-id.tsx b/components/ui/entities/snippet-id.tsx
index 54b3a4dfa9..8ac946d4ca 100644
--- a/components/ui/entities/snippet-id.tsx
+++ b/components/ui/entities/snippet-id.tsx
@@ -21,7 +21,7 @@ export const SnippetId: React.FC<SnippetIdProps> = ({ entityId, ...props }) => {
       {...props}
     >
       <p className="flex items-center space-x-2">
-        <IdIcon size={16} />
+        <IdIcon size={18} />
         <span className="no-scrollbar max-w-16 overflow-x-scroll text-sm">
           {entityId}
         </span>