diff --git a/apps/explorer/src/components/orders/OrderHooksDetails/HookItem/index.tsx b/apps/explorer/src/components/orders/OrderHooksDetails/HookItem/index.tsx
index b80bb6d9b6..c21e92859b 100644
--- a/apps/explorer/src/components/orders/OrderHooksDetails/HookItem/index.tsx
+++ b/apps/explorer/src/components/orders/OrderHooksDetails/HookItem/index.tsx
@@ -11,42 +11,49 @@ export function HookItem({ item, number }: { item: HookToDappMatch; number: numb
 
   return (
     <Item>
-      {item.dapp ? (
-        <Wrapper>
-          <p>
-            #{number} - <img src={item.dapp.image} alt={item.dapp.name} /> <strong>{item.dapp.name}</strong>{' '}
-            <ToggleButton onClick={toggleDetails}>{showDetails ? '[-] Show less' : '[+] Show more'}</ToggleButton>
-          </p>
-
-          {showDetails && (
-            <Details>
-              <p>
-                <i>Version:</i> {item.dapp.version}
-              </p>
-              <p>
-                <i>Description:</i> {item.dapp.descriptionShort}
-              </p>
-              <p>
-                <i>Website: </i>
-                <a href={item.dapp.website} target="_blank" rel="noopener noreferrer">
-                  {item.dapp.website}
-                </a>
-              </p>
-              <p>
-                <i>Call Data:</i> {item.hook.callData}
-              </p>
-              <p>
-                <i>Gas Limit:</i> {item.hook.gasLimit}
-              </p>
-              <p>
-                <i>Target:</i> {item.hook.target}
-              </p>
-            </Details>
+      <Wrapper>
+        <p>
+          #{number} -{' '}
+          {item.dapp ? (
+            <>
+              <img src={item.dapp.image} alt={item.dapp.name} /> <strong>{item.dapp.name}</strong>{' '}
+            </>
+          ) : (
+            'Unknown hook dapp'
           )}
-        </Wrapper>
-      ) : (
-        <div>Unknown hook dapp</div>
-      )}
+          <ToggleButton onClick={toggleDetails}>{showDetails ? '[-] Show less' : '[+] Show more'}</ToggleButton>
+        </p>
+
+        {showDetails && (
+          <Details>
+            {item.dapp && (
+              <>
+                <p>
+                  <i>Version:</i> {item.dapp.version}
+                </p>
+                <p>
+                  <i>Description:</i> {item.dapp.descriptionShort}
+                </p>
+                <p>
+                  <i>Website: </i>
+                  <a href={item.dapp.website} target="_blank" rel="noopener noreferrer">
+                    {item.dapp.website}
+                  </a>
+                </p>
+              </>
+            )}
+            <p>
+              <i>Call Data:</i> {item.hook.callData}
+            </p>
+            <p>
+              <i>Gas Limit:</i> {item.hook.gasLimit}
+            </p>
+            <p>
+              <i>Target:</i> {item.hook.target}
+            </p>
+          </Details>
+        )}
+      </Wrapper>
     </Item>
   )
 }