Fix checksum style

harryluyah · Oct 9, 2021 · a46d695 · a46d695
1 parent 84c0452
commit a46d695
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/components/guides/flexfarmer/FlexfarmerDownloadLink.tsx b/components/guides/flexfarmer/FlexfarmerDownloadLink.tsx
@@ -48,8 +48,8 @@ const FlexfarmerDownloadInfoBox = styled.div`
 
 const Checksum = styled.span`
   display: inline-block;
-  min-width: 590px;
   color: var(--primary);
+  word-break: break-all;
 `;
 
 interface DownloadInfo {
@@ -119,9 +119,8 @@ export const FlexfarmerDownloadLink: React.FC<{
         </div>
       </FlexfarmerDownloadInfoBox>
       <FlexfarmerDownloadInfoBox>
-        <div>
-          SHA-256 Checksum: <Checksum>{checksum}</Checksum>
-        </div>
+        <span>SHA-256 Checksum:</span>
+        <Checksum>{checksum}</Checksum>
       </FlexfarmerDownloadInfoBox>
     </FlexfarmerDownloadLinkWrapper>
   );