diff --git a/package.json b/package.json
index 1814311d1..5f3be5580 100644
--- a/package.json
+++ b/package.json
@@ -1,141 +1,137 @@
 {
-  "name": "teia-ui",
-  "version": "0.1.0",
-  "private": true,
-  "dependencies": {
-    "@taquito/beacon-wallet": "^17.4.0",
-    "@taquito/michelson-encoder": "^17.4.0",
-    "@taquito/taquito": "^17.4.0",
-    "axios": "^0.27.2",
-    "base-x": "^4.0.0",
-    "bs58check": "^2.1.2",
-    "canvas": "^2.11.2",
-    "classnames": "^2.3.2",
-    "compressorjs": "^1.1.1",
-    "fflate": "^0.7.4",
-    "framer-motion": "^9.0.1",
-    "graphql": "^16.4.0",
-    "graphql-request": "^4.2.0",
-    "json5": "^2.2.3",
-    "keyboardjs": "^2.7.0",
-    "markdown-to-jsx": "^7.1.9",
-    "mime-types": "^2.1.35",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "^7.43.1",
-    "react-infinite-scroller": "^1.2.6",
-    "react-intersection-observer": "^9.4.2",
-    "react-lazy-load-image-component": "^1.5.6",
-    "react-masonry-css": "^1.0.16",
-    "react-router": "^6.8.1",
-    "react-router-dom": "^6.8.1",
-    "react-select": "^5.7.0",
-    "react-use": "^17.4.0",
-    "react-use-clipboard": "^1.0.9",
-    "screenfull": "^6.0.2",
-    "swr": "^1.3.0"
-  },
-  "scripts": {
-    "analyze": "source-map-explorer 'build/assets/*.js'",
-    "start": "vite",
-    "serve": "vite preview",
-    "build": "vite build",
-    "build-dev": "vite --mode development build",
-    "test": "vite test",
-    "screenshots": "playwright test",
-    "eject": "react-scripts eject",
-    "format": "prettier --write \"./src/**/*.{js,jsx,scss}\"",
-    "prepare": "husky install",
-    "lint": "eslint src --ext .js,.jsx",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
-  },
-  "eslintConfig": {
-    "extends": "react-app"
-  },
-  "lint-staged": {
-    "./src/**/*.{js,jsx,scss}": "prettier --write"
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "devDependencies": {
-    "@airgap/beacon-types": "^3.3.3",
-    "@babel/preset-react": "^7.18.6",
-    "@google/model-viewer": "^3.0.1",
-    "@hookform/devtools": "^4.3.0",
-    "@storybook/addon-essentials": "^7.6.11",
-    "@storybook/addon-interactions": "^7.6.11",
-    "@storybook/addon-links": "^7.6.11",
-    "@storybook/blocks": "^7.6.11",
-    "@storybook/react": "^7.6.11",
-    "@storybook/react-vite": "^7.6.11",
-    "@storybook/testing-library": "^0.2.2",
-    "@testing-library/jest-dom": "^6.4.0",
-    "@testing-library/react": "^14.2.0",
-    "@testing-library/user-event": "^14.5.2",
-    "@vitejs/plugin-react": "^3.1.0",
-    "assert": "^2.0.0",
-    "buffer": "^6.0.3",
-    "cross-env": "^7.0.3",
-    "cssnano": "^5.1.14",
-    "eslint": "^8.34.0",
-    "eslint-config-react-app": "^7.0.1",
-    "eslint-plugin-jsx-a11y": "^6.6.1",
-    "eslint-plugin-react": "^7.32.2",
-    "fnv1a": "^1.1.1",
-    "fs-extra": "^11.1.0",
-    "husky": "^7.0.4",
-    "libsodium-wrappers": "^0.7.11",
-    "lodash": "^4.17.21",
-    "path-browserify": "^1.0.1",
-    "postcss": "^8.4.21",
-    "postcss-flexbugs-fixes": "^5.0.2",
-    "postcss-preset-env": "^7.8.3",
-    "prettier": "^2.8.4",
-    "process": "^0.11.10",
-    "prop-types": "^15.8.1",
-    "react-pdf": "^6.2.2",
-    "rollup-plugin-node-polyfills": "^0.2.1",
-    "rollup-plugin-polyfill-node": "^0.12.0",
-    "sass": "^1.58.1",
-    "source-map-explorer": "^2.5.3",
-    "storybook": "^7.6.11",
-    "stylelint": "^14.16.1",
-    "stylelint-config-standard-scss": "^6.1.0",
-    "twemoji": "^14.0.2",
-    "typescript": "^4.9.5",
-    "vite": "^4.1.1",
-    "vite-compatible-readable-stream": "^3.6.1",
-    "vite-plugin-ejs": "^1.6.4",
-    "vite-plugin-eslint": "^1.8.1",
-    "vite-plugin-filter-replace": "^0.1.10",
-    "vite-plugin-markdown": "^2.1.0",
-    "vite-plugin-node-polyfills": "^0.7.0",
-    "vite-plugin-node-stdlib-browser": "^0.1.1",
-    "vite-plugin-svgr": "^2.4.0",
-    "vite-tsconfig-paths": "^4.0.5",
-    "zustand": "^4.3.3"
-  },
-  "overrides": {
-    "vite-plugin-markdown": {
-      "vite": "$vite"
+    "name": "teia-ui",
+    "version": "0.1.0",
+    "private": true,
+    "dependencies": {
+        "@taquito/beacon-wallet": "^17.4.0",
+        "@taquito/michelson-encoder": "^17.4.0",
+        "@taquito/taquito": "^17.4.0",
+        "axios": "^0.27.2",
+        "base-x": "^4.0.0",
+        "bs58check": "^2.1.2",
+        "canvas": "^2.11.2",
+        "classnames": "^2.3.2",
+        "compressorjs": "^1.1.1",
+        "fflate": "^0.7.4",
+        "framer-motion": "^9.0.1",
+        "graphql": "^16.4.0",
+        "graphql-request": "^4.2.0",
+        "json5": "^2.2.3",
+        "keyboardjs": "^2.7.0",
+        "markdown-to-jsx": "^7.1.9",
+        "mime-types": "^2.1.35",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "react-hook-form": "^7.43.1",
+        "react-infinite-scroller": "^1.2.6",
+        "react-intersection-observer": "^9.4.2",
+        "react-lazy-load-image-component": "^1.5.6",
+        "react-masonry-css": "^1.0.16",
+        "react-router": "^6.8.1",
+        "react-router-dom": "^6.8.1",
+        "react-select": "^5.7.0",
+        "react-use": "^17.4.0",
+        "react-use-clipboard": "^1.0.9",
+        "screenfull": "^6.0.2",
+        "swr": "^1.3.0"
     },
-    "vite-plugin-node-stdlib-browser": {
-      "vite": "$vite"
+    "scripts": {
+        "analyze": "source-map-explorer 'build/assets/*.js'",
+        "start": "vite",
+        "serve": "vite preview",
+        "build": "vite build",
+        "build-dev": "vite --mode development build",
+        "test": "vite test",
+        "screenshots": "playwright test",
+        "eject": "react-scripts eject",
+        "format": "prettier --write \"./src/**/*.{js,jsx,scss}\"",
+        "prepare": "husky install",
+        "lint": "eslint src --ext .js,.jsx,.ts,.tsx",
+        "storybook": "storybook dev -p 6006",
+        "build-storybook": "storybook build"
+    },
+    "eslintConfig": {
+        "extends": "react-app"
+    },
+    "lint-staged": {
+        "./src/**/*.{js,jsx,scss,css,ts,tsx,json}": "prettier --write"
+    },
+    "browserslist": {
+        "production": [">0.2%", "not dead", "not op_mini all"],
+        "development": [
+            "last 1 chrome version",
+            "last 1 firefox version",
+            "last 1 safari version"
+        ]
+    },
+    "devDependencies": {
+        "@airgap/beacon-types": "^3.3.3",
+        "@babel/preset-react": "^7.18.6",
+        "@google/model-viewer": "^3.0.1",
+        "@hookform/devtools": "^4.3.0",
+        "@storybook/addon-essentials": "^7.6.11",
+        "@storybook/addon-interactions": "^7.6.11",
+        "@storybook/addon-links": "^7.6.11",
+        "@storybook/blocks": "^7.6.11",
+        "@storybook/react": "^7.6.11",
+        "@storybook/react-vite": "^7.6.11",
+        "@storybook/testing-library": "^0.2.2",
+        "@testing-library/jest-dom": "^6.4.0",
+        "@testing-library/react": "^14.2.0",
+        "@testing-library/user-event": "^14.5.2",
+        "@vitejs/plugin-react": "^3.1.0",
+        "assert": "^2.0.0",
+        "buffer": "^6.0.3",
+        "cross-env": "^7.0.3",
+        "cssnano": "^5.1.14",
+        "eslint": "^8.34.0",
+        "eslint-config-react-app": "^7.0.1",
+        "eslint-plugin-jsx-a11y": "^6.6.1",
+        "eslint-plugin-react": "^7.32.2",
+        "fnv1a": "^1.1.1",
+        "fs-extra": "^11.1.0",
+        "husky": "^7.0.4",
+        "libsodium-wrappers": "^0.7.11",
+        "lodash": "^4.17.21",
+        "path-browserify": "^1.0.1",
+        "postcss": "^8.4.21",
+        "postcss-flexbugs-fixes": "^5.0.2",
+        "postcss-preset-env": "^7.8.3",
+        "prettier": "^2.8.4",
+        "process": "^0.11.10",
+        "prop-types": "^15.8.1",
+        "react-pdf": "^6.2.2",
+        "rollup-plugin-node-polyfills": "^0.2.1",
+        "rollup-plugin-polyfill-node": "^0.12.0",
+        "sass": "^1.58.1",
+        "source-map-explorer": "^2.5.3",
+        "storybook": "^7.6.11",
+        "stylelint": "^14.16.1",
+        "stylelint-config-standard-scss": "^6.1.0",
+        "twemoji": "^14.0.2",
+        "typescript": "^4.9.5",
+        "vite": "^4.1.1",
+        "vite-compatible-readable-stream": "^3.6.1",
+        "vite-plugin-ejs": "^1.6.4",
+        "vite-plugin-eslint": "^1.8.1",
+        "vite-plugin-filter-replace": "^0.1.10",
+        "vite-plugin-markdown": "^2.1.0",
+        "vite-plugin-node-polyfills": "^0.7.0",
+        "vite-plugin-node-stdlib-browser": "^0.1.1",
+        "vite-plugin-svgr": "^2.4.0",
+        "vite-tsconfig-paths": "^4.0.5",
+        "zustand": "^4.3.3"
+    },
+    "overrides": {
+        "vite-plugin-markdown": {
+            "vite": "$vite"
+        },
+        "vite-plugin-node-stdlib-browser": {
+            "vite": "$vite"
+        }
+    },
+    "module": "commonjs",
+    "optionalDependencies": {
+        "@playwright/test": "^1.41.1"
     }
-  },
-  "module": "commonjs",
-  "optionalDependencies": {
-    "@playwright/test": "^1.41.1"
-  }
 }
diff --git a/src/components/feed-item/index.module.scss b/src/components/feed-item/index.module.scss
index 89e85f525..7a983d7b8 100644
--- a/src/components/feed-item/index.module.scss
+++ b/src/components/feed-item/index.module.scss
@@ -12,6 +12,9 @@
   width: 100%;
   height: 100%;
   pointer-events: none;
+  p {
+    white-space: pre-wrap;
+  }
 }
 
 .moderated {
diff --git a/src/components/preview/index.jsx b/src/components/preview/index.jsx
index bcdba612e..6543c54f0 100644
--- a/src/components/preview/index.jsx
+++ b/src/components/preview/index.jsx
@@ -91,6 +91,7 @@ export const Preview = () => {
   }
   return (
     <motion.div
+      className={styles.container}
       style={{ width: '100%' }}
       initial={{ x: '20%' }}
       animate={{ x: 0 }}
diff --git a/src/components/preview/index.module.scss b/src/components/preview/index.module.scss
index c24f984df..aa3a8f0e8 100644
--- a/src/components/preview/index.module.scss
+++ b/src/components/preview/index.module.scss
@@ -3,32 +3,26 @@
 .container {
   display: flex;
   flex-direction: column !important;
+  .field {
+    p {
+      white-space: pre-wrap;
+    }
+  }
 
   .media,
   .info {
     width: 100%;
   }
-
   .info {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-    margin-top: 20px;
   }
-
-  .field {
-    white-space: pre-wrap;
-  }
-
   .attributes {
     display: flex;
     flex-direction: row;
     margin-bottom: 20px;
   }
-  strong {
-    margin-right: 1em;
-    min-width: 75px;
-  }
   .label {
     color: var(--gray-40);
     border: 1px solid var(--gray-30);
@@ -46,17 +40,17 @@
     align-items: center;
   }
 
+  strong {
+    margin-right: 1em;
+    min-width: 75px;
+  }
+
   @include respond-to('tablet') {
     flex-direction: initial;
 
-    .media,
-    .info {
-      width: 100%;
-    }
-
     .media {
       min-height: 40vh;
-      display: flex;
+      // display: flex;
       align-items: center;
       justify-content: center;
     }
@@ -70,7 +64,6 @@
       .field {
         margin-bottom: 20px;
       }
-
       .title {
         font-weight: bold;
       }
diff --git a/src/pages/objkt-display/tabs/index.module.scss b/src/pages/objkt-display/tabs/index.module.scss
index 5cc5fc177..8a5df259c 100644
--- a/src/pages/objkt-display/tabs/index.module.scss
+++ b/src/pages/objkt-display/tabs/index.module.scss
@@ -242,6 +242,11 @@
   h1 {
     margin-bottom: 10px;
   }
+
+  p {
+    white-space: pre-wrap;
+  }
+
   margin-bottom: 20px;
 }